Draft
Workflow
These are wireframes of website. I check the functions in Wix first and design usable layouts. Swatches will be applied to video intro. I may not use the menu texts to be neat. Instead, I use symbols which represent each page and activate a linkage. Place categories are divided by three parts by ages. Once you enter a category, there is a rough map and pins to guess each position easily. Also I provide big size of photos by clicking them. I am thinking of the each name of the pages.
Download the PDF Storyboard02
MOODBOARD
Mood board is a sort of collage. In advance of professional artwork, it helps you work efficiently as your guide. Every sample which you imagine is contained in mood board. The things could be anything; Styles, color, layout, graphics, textures and so on. If a draft is prepared, the next thing to do is to improve the first design increasingly. I select various colors from official Seoul’s color chart. I won’t use all colors in swatch and might use another color but main colors are still valid.
Download color PDF 서울권장색600
Download Official color chart http://www.seoul.go.kr/v2012/seoul/symbol/color.html
- Website UI reference
http://ko.wix.com/website-template/view/html/1329
http://www.wix.com/sample/website-viewer?lng=en&site_id=1365334433635520
http://www.jvcmusic.co.jp/singing-rib/
Photo Slide http://www.wix.com/sample/website-viewer?lng=ko&site_id=1361362485073471
Video start http://www.wix.com/sample/website-viewer?lng=ko&site_id=1375859330013584
Graphic style http://www.wix.com/sample/website-viewer?lng=ko&site_id=1416729332143582
Photo effects and calligraphy http://nos.twnsnd.co/
Logo and slogan style http://www.splitshire.com/
Icon design references https://dribbble.com/shots/1633338-Icons-for-Android-L
- Free Image download website
Free soundtrack download website http://www.mobygratis.com/