꽃차향 2006320062 최범진.

Presentation on theme: "꽃차향 2006320062 최범진."— Presentation transcript:

1 꽃차향 최범진

2 꽃차향 : 꽃차의 향을 느낄 수 있는 정보 전달 웹 페이지
Brand Name 꽃차향 : 꽃차의 향을 느낄 수 있는 정보 전달 웹 페이지

3 빠른 정보와 경제력을 갖춘 스마트 폰 세대의 회사원 25~30세 여성을 타겟으로 한다.
Target 빠른 정보와 경제력을 갖춘 스마트 폰 세대의 회사원 25~30세 여성을 타겟으로 한다. 목 적 # 꽃 찻집이 늘어나고 있지만 아직은 일반적이지 않은 꽃차에 대해서 소개. # 꽃차의 효능, 맛, 개화시기, 분포지역, 만드는 법, 마시는 법 등의 텍스트 정보를 제공 # 초보자가 직접 꽃의 재배나 꽃차를 만들기 전 시각적 자료 제공

4 계절을 통해서 *(계절별) 꽃 일러스트로 페이지를 구성한다.
Concept 계절을 통해서 *(계절별) 꽃 일러스트로 페이지를 구성한다.

5 IA 봄의 향(香) 으로 물들이다. 여름의 향(香) 으로 물들이다. 가을의 향(香) 으로 물들이다. 겨울의 향(香)
1.생강나무꽃차 2.유채꽃차 3.머위꽃차 4.산수유꽃차 5.개나리꽃차 6.목련차 7.할미꽃차 8.라일락꽃차 9.벚곷차 10.살구꽃차 11.모과꽃차 12.앵두꽃차 13.제비꽃차 14.민들레꽃차 15.진달래꽃차 16.은행나무꽃차 17.둥글레꽃차 18.때죽나무꽃차 19.모란꽃차 20.오동꽃차 21.매발톱꽃차 22.찔레꽃차 23.으름꽃차 24.산딸나무꽃차 25.아카시아꽃차 1.장미꽃차 2.작약꽃차 3.자리공꽃차 4.타래붓꽃차 5.두메양귀비차 6.여춘화차 7.개여뀌꽃차 8.대나무꽃차 9.수국차 10.자귀나무꽃차 11.패랭이꽃차 12.나팔꽃차 13.닭의장풀꽃차 14.접시꽃차 15.맥문동꽃차 16.사위질빵꽃차 17.도라지꽃차 18.싸리꽃차 19.왕고들빼기꽃차 20.연화차 21.왕원추리꽃차 22.석류꽃차 23.참나리꽃차 24.호박꽃차 25.봉선화차 26.옥수수꽃차 27.결명자꽃차 28.해바라기꽃차 1.맨드라미꽃차 2.무궁화꽃차 3.부용꽃차 4.옥잠화차 5.개구릿대꽃차 6.용담꽃차 7.참취꽃차 8.칡꽃차 9.마타리꽃차 10.향유꽃차 11.뚱딴지꽃차 12.쑥꽃차 13.개쑥부쟁이꽃차 14.가을가재무릇차 15.구절초꽃차 16.감국차 1.동백꽃차 2.수선화차 3.난꽃차 4.복수초꽃차 5.매화차

6 Color tone Point_Color 봄 여름 가을 겨울 Sub Bg_color main Bg_Color

7 Story Board_intro skip intro 영상

8 Story Board_Main < >
Gudie Menu Gudie Menu 봄,여름,가을,겨울,꽃차이야기 메뉴에서 하위 메뉴까지 한번에 들어갈 수 있도록 함 < > main Visual 영역 전체 메인영역 일러스트를 컨텐츠로 활용 Hankyong National Uniiversity school of Desgin Choi BeomJin I 사이트에서 좌,우로 이동이 가능하게 하며 4페이지 봄,여름,가을,겨울을 하위개념 없이 한페이지 나열 각 페이지 마다 롤 오버시 팝업으로 표현한다. 상단에는 Guide menu를 놓고 봄,여름,가을,겨울의 페이지를 Main visual영역에서 찾아 다닐 필요 없이 하위 메뉴를 모두 표시해 준다.

9 Story Board_Sub1 < > Guide Menu sub1 -> sub2 상,하 관계 봄의 향으로
생강 나무 봄의 향으로 물들이다 현재페이지 팝업 제비꽃 유채꽃 닫기 머위꽃 앵두꽃 봄의 향으로 물들이다. 하위메뉴를 주변에 갯수 만큼 뿌려줌 산수유 모과꽃 제비꽃 < > 개나리 살구꽃 라일락 목련차 할미꽃 main Visual 영역 Hankyong National Uniiversity school of Desgin Choi BeomJin I

10 Story Board_Sub1-2 제비꽃이미지 설명글 < > < > Guide Menu
sub1 -> sub2 상,하 관계 제비꽃이미지 최하위 페이지 꽃들의 상세정보 설명글 제공 설명글 제비꽃이미지 < > 1/25 < > 설명글 Detail Cut 클릭시 팝업 크기를 확장 또는 이미지 크기만 확장 이미지를 겹쳐서 여러장의 이미지를 보여줌 Detail Cut main Visual 영역 Hankyong National Uniiversity school of Desgin Choi BeomJin I

11 Story Board_Detail Cut
Guide Menu Detail Cut 디테일 컷 클릭시 영역이 확장되면서 꽃의 이미지를 겹쳐 깔아서 추가적으로 상세 아마지 정보를 보여줌 제비꽃이미지 이전 다음 닫기 설명글 현재 페이지 표시 A B Detail Cut main Visual 영역 Hankyong National Uniiversity school of Desgin Choi BeomJin I

12 Color Tone

13 Color Tone

14 Bg Illut

15 Typo 잡지 형식과 같이 칼럼을 나눠서 정보를 표현 비교적 중요한 정보(이름,효능,분포지역, 개화시기)
는 각 계절의 주요색을 텍스트에 사용(예: 봄 : Green 여름 : Red)

16 Icon

17 Icon

18 초기 디자인 시안

19 초기 디자인 시안

20 초기 디자인 시안

21 최종디자인

22 최종디자인

23 최종디자인