Presentaion – PPT and Script

This is a PPT file from my final presentation, last Thursday April 17th.

슬라이드1

Good morning everyone! I’m Ha Nuri from Seoul-MARK.

From now on, I’m gonna introduce my website for you guys. Please listen carefully 😉

슬라이드2

As you all know, I’ve been asked to make an website includes video for Seoul visitors.

More specifically, the target is young British visitors from 16 to 25.

1

Now the very first thing I have to do was setting the concept.

So I thought: What kinds of element attract us most when we travel overseas?

I figured out the answer: It was the architectures.

When you’re traveling London, you’ll go to Big ben.

2

When it comes to Paris, you might wanna see the Eiffel tower.

So I set my website’s concept as ‘Architecture’.
4

The next work was categorizing Seoul’s architecture.

After long hours of thinking, I decided it for: period.

In Seoul, there’s lots of traditional architectures still remains.

5

But also there’s modern ones too.

So I thought, ‘How about separating architectures with their age?’ And I did that.

6

After setting a concept, I started pre-production works for my website.

There has to be a pre-production process in every project.

This process might look like very not-important, but it isn’t.

We even can say this is the most essential part of whole project.

I did some documentation works. Like budget for managing money,

7

location search for recce,

8

proposal for letting my clients know about my website.

9

Then I made a storyboard for my website and video. This was the first storyboard for website,

10

and this is the final result of it. You can see the clear differences.

Actually, you can’t find anything in common, right?

Lots and lots of things have changed and there’s two striking changes.

11

First, the menu bar was a chronology table in storyboard, but in final result, it’s just a text.

Due to my bad design ability, I can’t express exact shape of menu,

so I decided text will be better for my website.

Second, the menu between Tradition and Modern was Transition in storyboard.

But when you see Tradition and Transition, they look very similar so the users can be confused.

So I changed Transition into Between.

12

This was my moodboard and color panels I planned to use.

But eventually, I made my website in Black and White.

That means I didn’t use this colors.

If I have some opportunity to make another website, I’ll try that as really colorful.

13

And for the last, the biggest change was the website’s name.

As I said, I set the concept as Architecture at the first time.

But after some weeks spent,

I realized that the city’s most famous architecture is usually called ‘Landmark’.

But unlikely other cities, Seoul doesn’t have any specific landmark.

So I changed my website’s concept slightly.

I want to introduce Seoul’s landmarks to foreigners. 

And then, I had to change my project’s name.

It was ‘Architect-Seoul’ before

but now it’s ‘Seoul-MARK’ because I thought this name show my project’s character well.

14

Now I’ll show you about my final website.

This is the main page of Seoul-MARK.

If you click this button, you can go to video page.

This video is about introducing my site’s concept.

You can see almost same content in About Us page.

When you go to Tradition, Modern, Between and Eat & Shop menu,

here’s an photo accordion waiting for you.

If you move cursor over each photo, the photo interactively reacts and shows the title.

And when you click it, you can go to detail page.

A detail page shows you about information of landmark, slideshow, and how can you go there.

And here are the most minimum tips for you. You just need to keep at least this things in Korea.

15

Does anyone have question?

[ Q & A Time ]

16

Thank you for listening my presentation!

You can download PPT here: 15.3517_Ha Nuri

You can download Script here: 3517 Hanuri Script

Presentation – Video

[youtube http://youtu.be/HNPXRQ4f_aw]

I did my presentation at this Thursday, April 17th.

It’s almost end of this whole long project.. Cheer myself up a little bit more!

Actually I tried to upload this by Vimeo, but they didn’t provide file which is more than 500MB.

So I changed my plan to Youtube 😉

Evaluation

EVALUATION NOTE

Since I finished my Wix website, I’ll look backward to February. It’s best not to have any regret, but there must be more than one always. So we have to look back, evaluate ourselves, and get some time for reflection.

    1. Storyboard
Storyboard I planned

Storyboard I planned

My final webpage

My final webpage

      • Things went Well
        The storyboard of my website went well as I planned. Actually it changed a lot but most important things aren’t, like Menus’ name and rough structure.
      • Things didn’t go to plan
        I draw a chronology table with will be used as menu. But I finally choose it for just text. The reason why I do this is chronology table can be seen very messy if I design it not good. And I realize I’m not that good at design..
        Except that, very slight things. For example, in plan, I named a menu between Tradition and Modern as ‘Transition’ but I thought it can be confused with Tradition. So I changed it into just ‘Between’.
        And I plan to use a Photo Gallery (function in Wix) for showing photos, but it changed into Accordion.
      • If I do this again …
        I can make this looking better by using better design.

2. Moodboard

Colors I planned to use

      • Things didn’t go to plan
        I didn’t use any color except black & white in my website. So naturally, that colors are not used.
      • If I do this again …
        Maybe I can try a more colorful website. Now my website look just gloomy sometimes because there’s no color in here!

3. Personnel / Contributors

Contact list I planned

Contact list I planned

      • Things went will
        I (Ha Nuri) took charge of programming a website (even though I used Wix!).
      • Things didn’t go to plan
        I took charge of many other things – like taking photo, design, edit the video and sound. And I needed more photographers so I hire more contributors for more photos.
      • If I do this again …
        I’ll distribute works which I did this time. I can hire more people and let them do what I’ve done.

4. Location

Location Recce search

Location Recce search

        • Things went well
          I went Cheonggyecheon and Gyeongbokgung, took some pictures which I used in my video.
        • Things didn’t go to plan
          There’s no need to rent a indoors studio. I do all of the filming outside.
          And I didn’t go these facilities in that date, that time. I was so busy that moment for making concept of my website.
        • If I do this again …
          I might go and film in studio as I planned. Maybe I can get some better photos or videos if I film in a studio. It’s more professional.

5. Throughout whole process of this project

        • Things went well
          Actually lots and lots of things have changed during about 2 months. But I never changed a Topic of my website.
        • Things didn’t go to plan
          But there’s a delicate change: from Architecture to Landmark. I thought landmark is more narrow notion than architecture, and that means it’s easier introduce Seoul and make a website.
        • If I do this again …
          I mostly satisfied about the result of my website, but there’s two things I’m very sorry about – Design and Video.
          Since I’m not a designer but programmer, I can’t make better design than this. And I always feel very sad about it.
          And the Video .. I didn’t want to make it by slideshow of photos.. but I had no choice because I don’t have skills to make better video either.
          Next time, if I have opportunity to do this whole project again, I’ll upgrading my skills and able to make a wonderful, perfect website.

Final Website Result

Here’s my Wix Website Seoul-MARK’s address : http://sharew.wix.com/sharew

When you do the first access in website, you’ll see this screen:

The Main Page.

Let’s see the video first.

When you click

this image or text on the picture,

you can go to video page.

When you click the ‘Tradition’, ‘Between’, ‘Modern’, ‘Eat & Shop’ menu upper,

There’s an Accordion waiting for you!

If you put your mouse cursor on a picture,

The photo interactively reacts and show the title of the picture.

In this case, first photo of the Tradition Accordion is ‘Gyeongbokgung’.

And if you click on each pictures,

You can go to the detail page.

A detail page includes slide show of pictures, explanation about this landmark, map and how to go.

5

By clicking arrow or picture in bottom, you can change slideshow’s picture.

※ Warning: Only few landmarks have this detail page –

      • Tradition – Gyeongbokgung, Bukchon Hanok village
      • Between – Jungang highschool, Myeong-dong Cathedral
      • Modern – Ssamziegil
      • Eat & Shop – Gwangjang market, Insadong

If you click landmarks except these, nothing will happened.. So don’t surprise!

When you choose ‘Tips’ menu,

You can see this ‘Tips for you’ page.

In this page, I wrote down some minimum tips which can help travelers in Korea.

Finally, when you click ‘About us’ menu,

This introduction page will be shown.

Tuesday, 1st April 2014

My USB has GONE!

I was so blue today.. I want to go back in time SO BADLY for finding my USB.

The whole process of this project was in that USB.. I cried a lot.

Anyway.. even if the world is end tomorrow.. I have to finish my website.

Gyeongbokgung page

Gyeongbokgung page

I finally fill all of the description in each detail page.

Here are the detail explanations of each landmarks:

    • Gyeongbokgung – The Very Middle of Seoul
      Gyeongbokgung is the first palace built with born of Joseon. The Korean ‘Gung’ means palace.
      It was all burnt out in 1592 and rebuilt in 1865.
      There are two kinds of Landmarks :
      · An architecture appears well in any position​
      · An architecture which has historical meaning
      Here, Gyeongbokgung, fits for second condition. It might be the oldest architecture in downtown.
    • Bukchon Hanok village – Past-vill in the heart of Present
    • Junang Highschool – A Gothic-style Highschool
    • Myeong-dong Cathedral – Headquarter of Korea Catholic
      Myeong-dong Cathedral, which was built in 1898, is an architecture that can represent Korea’s Catholic and Myeongdong at the same time.
      After this building, most of the Korean religious buildings are built in this same style.
      A lots of styles is included in this only building. For example, this cathedral is basically Europe gothic style. And also using red brick and sharp tower is feature of French gothic.
    • Ssamziegil – A nice Street – but also not a Street
      Gil means road in Korea, so you may think this is very awkward, because the place in photos is not a road – an architecture.
      Ssamziegil is a Korean traditional craft and design products shopping mall located in Insadong.
      This is called ‘gil’ because although it’s 4 story building, when you just walk along the path then you can reach to rooftop. It’s truly amazing!
    • Gwangjang Market – Unbelievably amazing Market
      Traditional markets are obviously take big part of Korea’s food. Gwangjang Market is one of the most famous markets in Seoul.
      You can eat Mayak Kimbab here. Mayak means drug in Korea – this bloody name means that you can’t stop eating this Kimbab because it’s too tasty!
      Also, there’s a Korean pancake that you can challenge – Bindaetteok. There’s so many kinds of Bindatteok and every one has different toppings.
    • Insadong – An old Village Preserved very-well
Menu bar

Menu bar

And I add a new category for Cultural Expectation – Tips.

I worried a lot about the category’s name.

Because words like ‘Warning’ or ‘Caution’ are felt so strong and forced.

Then Peter teacher suggest ‘Tips’, and I thought that is perfect.

Tips page

Tips page

And I add some tips that can be used in Korea very usefully.

Icons I used

Icons I used

This icons are made by me using a little sources from internet.

Monday, 31th March 2014

I FINALLY finished the video! Yay!

Here’s my video below:

Warning: Here’s some of my voices included!

I can’t hear it with sane mental.. My English is SO bad. 😥

I made my own background music for this video by using Garage Band (in MAC).

Screenshot of making music with Garage Band

Screenshot of making music with Garage Band

Sheila teacher taught us how to use this tool before.

We can make every kinds of music by this! It’s totally amazing 😉

And, as I said, the voice in the video is mine.. I know it’s terrible but there’s no other way.

After listening and watching this video tons of times, I felt like it’s not that bad.. XD

Anyway.. I’d add few things about WIX website too.

1

Eat & Shop page

Last time, I just made the category ‘Eat & Shop’ but add nothing there,

and now I add an Accordion.

Here are the photos I used here:

Mayak (Drug) Kimbab in Gwangjang Market
Photo by Heo Juyoung

Bindaetteok (Korean pancake) in Gwangjang market
Photo by ’91’ (http://oja796.blog.me/120209808146)

Mayak (Drug) Kimbab in Gwangjang market
Photo by Heo Juyoung

Cane Icecream in Insadong

Junk Foods at Insadong
Photo by ‘Papas homecare’ (http://papas.me/40207533267)

Junk foods at Insadong
Photo by ‘Nunkkot’ (blog.naver.com/nansuea/90192618358)

And as usual, I also add detail pages..

Shop – Insadong Detail page

Eat – Gwangjang Market Detail page

I didn’t fill the text yet.. I’ll do it soon 😉

Things I have to do

    • Fill the texts in the detail pages
    • Add category about Cultural Expectations

Thursday, 27th March 2014

BAD.INTERNET.FOREVER.

I almost kill myself because the circumstances are to frustrated.

Anyway, I didn’t kill myself, and finished today’s job well 😉

1

Title

I changed my site’s name into ‘Seoul-MARK’.

When I first pick my site’s topic, it started with Architecture.

But during designing and making this site, it slowly changed to Landmark.

So I pick the name that can express my site’s subject better.

It means Seoul’s landmark.

I hope this one’s better than before 🙂

2

Footer

And I attach a Footer in my website.

Peter teacher gave me some feedbacks and he said sites always need Footer.

Footer is a component of a site which is always attached in very bottom.

We can write down about a copyright in footer.

So I wrote

” © 2014 by Seoul-MARK, All rights reserved. “

It means this site’s every copyrights are mine.

3

Gyeongbokgung page

And I add some additional information in specific pages.

There’s like Google Maps and ‘How to go’.

Here are some images that I used in How to go.

bus icon

Bus Icon

subway icon

Subway Icon

I made other icons like ‘Walk’ and ‘Link’, but I didn’t use them yet so I’ll post them later.

4

Bukchon Hanok village Page

This is more specific image that shows Map and How to go.

I add Google Map in English but some of the names are still in Korean.

That’s because they didn’t have any information in English.

And I set some colors in Subway and Bus lines.

In Seoul, there’s some colors that represent each lines.

Subway colors

Subway colors

For example, Subway line 1 is represented by Navy, for line 2 it’s green.

Bus color

Bus colors

Most of the foreigners can’t do Korean so it’s easier for them to identify lines by colors.

That’s why I used the colors.

About us page

About us page

Accepting Peter teacher’s advice, again, I add some image in About us page.

He said the alignments of texts are not-clean and only texts are very not-readable.

So I changed some aligns of texts and add a image.

The image:

landmark

shows lots of famous landmarks throughout the world.

Things I have to do

    • Finish the video (PLEASE)
    • Add some content in Eat & Shop category
    • Add more information in specific pages
    • Get ready for final Wix post

References

Website

http://cafe.naver.com/logo12/22427

http://blog.naver.com/hidechen/60157617633

Monday, 24th March 2014

The school network never turned on today’s class.

It was so terrible..

Thanks to my friend Sion for giving me an access to her Egg I was able to edit my website.

back icon

First, I add this ‘Back’ icon in specific pages.

Gyeongbokgung page with Back icon

Gyeongbokgung page with Back icon

When you click the Back button, you can go back to Tradition page.

Now I apply in to Gyeongbokgung page only, but when the internet’s back, I’ll apply it to all.

1

‘Between’ Main page

And I add some more stuffs in Between page.

These photos are using in Between page:

명동성당4

Myeong-dong Cathedral Photo by Kim Daekun

명동성당2

Myeong-dong Cathedral Photo by Kim Daekun

Jeong

Jeongmiso in Daehakro Photo by Kim Daekun

Things I have to do

  • Finish the video
  • Add some media in About Us page
  • Change menu’s order (put About Us menu in back)
  • Keep updating text

Thursday, 20th March 2014

I changed very few things today due to BAD internet.

I hate our school’s network.. 😦

1

Main page

Anyway I add –

play-icon

this play button and ‘Play Video’ text which linked to video page.

2

Video page

Now I attach just basic video from Wix, but when I finish editing my video I’ll replace it.

3

‘Modern’ Main page

I add another Accordion in Modern page.

Here are some photos I used :

쌈지길 resize

Ssamziegil in Insadong

20131005_182104

Yeouido

20130803청계광장

Cheonggye square
Photo by Yeon Jihyang

한강다리

Han river bridge
Photo by Kim Daekun

And I create new menu:

4-1

Before

4

After

‘Eat & Shop’.

Our websites should include five things:

    1. How to travel around Seoul (Transportation)
    2. Where to eat and drink (Eat)
    3. Where to go to see interesting things (Landmarks)
    4. Good places for shopping (Shop)
    5. Cultural expectations

So I made this new menu for number 2 and 4.

Things I have to do

    • Add couple of more items in ‘Between’
    • Edit and Finish the video
    • Complete specific parts