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.

Advertisements

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.

Before

Before

After

After

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.

Home

Seodaemun Prison History Hall

Insadong

Bukchon Hanok Village

Tip

About

Location of SPHH

Location of Insadong

Location of BHV

Manner

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

Expression

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.

Olympic-logo

Olympic-logo

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!

treasure-hunts-Compass

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

Logo of my web-site

It’s my logo of my website.


— REFERENCE —

< image > – http://colorlib.com/wp/all-olympic-logos-1924-2016/ – http://imgarcade.com/1/treasure-hunt-icon/

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.

SAMSUNG CAMERA PICTURES

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!

SAMSUNG CAMERA PICTURES

Edited photo

In this way, I edited three main photos.

SAMSUNG CAMERA PICTURES SAMSUNG CAMERA PICTURES SAMSUNG CAMERA PICTURES

FILMING IN SEODAEMUN PRISON HISTORY HALL

SAMSUNG CAMERA PICTURES

< 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.

SAMSUNG CAMERA PICTURES

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.

SAMSUNG CAMERA PICTURES

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.

SAMSUNG CAMERA PICTURES SAMSUNG CAMERA PICTURES

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

SAMSUNG CAMERA PICTURES

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. 😦

SAMSUNG CAMERA PICTURES SAMSUNG CAMERA PICTURES

SAMSUNG CAMERA PICTURES SAMSUNG CAMERA PICTURES

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.

SAMSUNG CAMERA PICTURES SAMSUNG CAMERA PICTURES

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 😀