Making the detail menu

I made three image buttons on the main page.
Now it’s time to make detail menus on the each page. It’s very simple!
Because the Wix provides the function to add a menu.

스크린샷 2015-04-05 오후 1.32.32

Menu structure was created in TASK 3

Just a few days ago, I created a menu structure.
Therefore, I don’t have to worry. 🙂

스크린샷 2015-04-05 오후 1.44.15 스크린샷 2015-04-05 오후 1.29.30 스크린샷 2015-04-05 오후 1.29.39

Originally, these detail menus were located on the top of my storyboard.

But I changed it in the production process. I placed main menus : Home, About, Tip on the top, and placed detail menus on the left of my web site.

In my opinion, this method is much better for users.


Making the Image Button

It’s time to make the image button!
I need three image button 🙂
These three image buttons are needed to sent main page to each page.

Then, let’s make the image button!!

스크린샷 2015-02-27 오후 3.01.04

One of my story board

I’ll create the button using photos of Seodaemun Prison, Insadong and Bukchon Hanok Village.
And in Wix, I should make default view, mouse over view and click view.

Sentence of a part that was written at Unit 2 Storyboard

Sentence of a part that was written at Unit 2 Storyboard

And I follow the condition that I had written.
I think it’s very easy effect. Just control the opacity!

스크린샷 2015-04-04 오후 9.08.43 스크린샷 2015-04-04 오후 9.08.59

Now I have a two images : clear, and blur!

스크린샷 2015-04-04 오후 9.14.04

As my condition, I set the blur image to the default view, and the clear image to the mouse over view and click View!

In this way, I made three image buttons!

Put my mouse over the image button of Seodaemun Prison

Put my mouse over the image button of Seodaemun Prison History Hall

Editing the design

In Task 2, I had made a mood board and storyboard.
But during the design, I felt I needed a change. So I change the basic structure and details.

1. Background

When I had made a mood board and the storyboard, I didn’t think about the background.
But I thought it’s too simple. Therefore, I decided to add the background color.





I insert the light brown color at header.

And why did I only add color at the header? not the whole page?
Well, I tried to add color at the whole page. But It was too bored.
It’s more beautiful when I insert color partially.
I think it’s very simple and comfortable to eyes 🙂

2. Font

The Wix offers many beautiful fonts ❤
But I think that using too many fonts is coming up the confusion.
So I choose three fonts.

스크린샷 2015-04-04 오후 5.33.02

Two main fonts

I love these fonts!
Overlock’s readability is perfect.
On the other hand, Nimbus Sans‘s readability is not good as overlock. But it’s very beautiful.

One minor font

One minor font

And Enriqueta’s readability and beauty is excellent.
However, Its atmosphere is not to fit properly to my website.

So I decided to use this adjectively.

3. menu

I fix the menu.


Seodaemun Prison History Hall


Bukchon Hanok Village



Location of SPHH

Location of Insadong

Location of BHV


Food of SPHH

Food of Insadong

Food of BHV

Shopping of Insadong

Shopping of BHV

Interesting things of SPHH

Interestin things of Insadong

Interesting things of BHV


Treasure of SPHH

Treasure of Insadong

Treasure of BHV

I make the each menu has same detail menu.

In the Seodaemun Prison History Hall, there is no place to go shopping.
So I remove shopping menu in the SPHH.

And add the ‘tip’ menu.

In this menu, I’m going to publish the etiquette to be observed and useful expressions.

Making the Logo

The logo is to represent my website. It always exists in my website.
There are two things will be follow when I make the logo.

First : the logo should be represented on the website.
Second : the logo should be simple.



I think Olympic-logo is very good designed keep to the above two conditions.
It’s not only simple, but also meaning is very good.

Now, it’s time to design my logo! 😀

I looked up the icons to symbolize the treasure hunt.
There were a powerful lot of icons: such as a treasure, a telescope, a compass…
And I founded a nice compass image!


Icon founded in the free license Sites

But I can’t use this directly.
If I use this right, the icon can be broken. So I have to convert it to a vector image.

스크린샷 2015-04-04 오후 1.12.51

The conversion of pixel image to the convert image

Next, I want to insert title of website under the icon.
Title is “Treasure Hunt”.
I want to use dreamy and chilly font.

스크린샷 2015-04-04 오후 2.10.03

These are selected as the candidate fonts.
Among them, I liked Mesquite Std Medium and Rosewood Std.

스크린샷 2015-04-04 오후 2.16.44

But I think Mesquite Std Medium is too small.
So I edited that. What do you think? Isn’t it pretty?


Logo of my web-site

It’s my logo of my website.


< image > – –

Editing the Video

In my website, I should upload one promotion video.
So I had taken not only pictures but also short videos. And I’m going to edit the video!

If I just followed paste the video clips without editing, users will be very confused.
Because there are no description, no effect! users can’t know the video’s subject!
Therefore I have to edit the video 🙂

스크린샷 2015-04-04 오후 10.58.00 스크린샷 2015-04-04 오후 11.10.10

I used iMovie app. It’s the default app on Mac.
Of course I’ll use premier, too!

Process of editing the video

Process of editing the video

My web site’s topic is “Treasure Hunt”, so promotion video should lead to curiosity.
Therefore, I’ll make a short & attractive video!

Editing the photo

After the filming, I got a lot of satisfactory pictures. I love these.
but I can’t use directly. Why? Well, this is like the adding chili sauce and cheese powder in pizza.
More beautiful and vivid! It’s the reason of the editing photo.


Original Photo

It’s original photo. The best photos were taken with the help of a good quality camera.
But I want a photo of the heavier atmosphere.

What about make this photo to black and white?

스크린샷 2015-04-04 오후 6.54.43 스크린샷 2015-04-04 오후 6.55.04

It’s very easy!
And I made darker edges of the image using a ‘Burn tool’.
With this, heavier atmosphere is created!


Edited photo

In this way, I edited three main photos.




< Filming in Seodaemun Prison History Hall >

We went to Seodaemun Prison History Hall. It was very close to Insadong.
We had to find new treasure – Resentment ! But there was no need to go far to find that.
The treasure was felt from the entry.


Visiting Hours of Seodaemun Prison History Hall

But there is visiting hours. We arrived barely.

In summer (March – October), you can enter at the 9:30 a.m to 6:00 p.m.
And In Winter (November – February), you can enter at the 9:30 a.m to 5:00 p.m.


Admission Fee of Seodaemun Prison History Hall

And there is admission fee, too.
I think British are pay a fee of 1500 won. It’s never expensive.


In this place, The sad history of Korea is explained by each country’s language.
And photographs of the fighter for independence is exhibited.


Prison which was used for fighter for independence

In there, we could see foreign families. They looked into the prison, and took pictures.
We want to interview with them, but their language was not English.
Therefore, we couldn’t understand their language. 😦



At first, I’m little worried because Seodaemun Prison History Hall can be a boring place.
But there was a various of experience space.
We were especially interested about foreign couples were doing experience of tortures.


After the film, we went to a cafe not far from there.
Quite and cozy atmosphere, and sweet drinks after filming was perfect.

I love today’s filming 😀