2002.12.17

1About innerdream 서울특별시 영등포구 여의도동 36-4 오륜빌딩빌딩 709 호 ( 우 .150-886) tel. 02)785-7249 http://www.innerdream.com

2002.12.17

[ 꽃 배달 웹사이트 제안서 이너드림은 귀사의 경쟁력 확보에 최선을 다하겠습니다 .]

WEBSITE proposal Quality base is our pride

People now demand interactive online website and presentations that are visually appealing and intellectually stimulating.It is an important part of doing business. vitamind can differentiate your company form the competition. Innerdream.com


본 “꽃 배달 웹사이트 ” 프로젝트는 기존 경쟁사이트보다 일반고객및 기업고객 에게 더 좋은 편리성과 서비스 및 정보를 제공하며 커뮤니티를 강화시킨다 .

또한 일반고객과 기업고객을 분리하여 사용자의 목적에 따라 더 효율성 있게 이용함에 고객의 만족도를 높인다 .

이너드림의 기획팀은 현 , 국내 및 국제 인터넷 환경을 분석하여 거시적인 사이트의 방향을 도출하고 이를 바탕으로 효과적인 컨텐츠와 사이트 구축을

통하여 고객님이 원하는 소기의 목적을 달성 할 수 있도록 최선의 지원을 아끼지 않을 것입니다 .

본 꽃 배달 웹사이트 구축 시 가장 중요한 것은 꽃 쇼핑몰 분야에 걸 맞는 창의적이고 , 고 품격의 디자인이 최우선이며 , 향후 구축하여야 할 방대한 양의

상품관련 자료 및 각종 이미지 데이터베이스 구축 을 고려한 유연한 프로그램의 제작입니다 . 또한 , 적은 비용으로 효율적인 관리 할 수 있는 관리자

모드가 고려된 기획이 되어야 합니다 .

이너드림 기획 제안시스템은 귀사에서 제작하고자 하는 사이트의 기획 분석과 성공한 사이트들의 분석을 통해 거시적인 사이트 기획 방향을 도출합니다 .

또한 , 관련 최신사이트의 기술동향 및 현재의 마케팅 대상에 맞는 컨텐츠 그리고 , 당사의 각종 TotalSystem 기획 , 구축 , 운영 , 마케팅 경험을 바탕으로 한 세부적인 Project 사업방향을 도출합니다 .마지막으로 도출된 기획안 들을 기반으로 귀사의 제안요청 사항들을 적극 수용하여 최적의 솔루션을 선정하고 구체적인 사이트 기획 및 구축 방향을 제안하게 됩니다 .


개발 BASIS

| Contents proposal |

개발 BASIS

적용분야 적용 S/W & Tool Remarks

1. S/W 설계 S-Designer, Visio Technical Version Case Tool

2. Graphic Design PhotoShop, Illustrator, 3D Max

3. Programming ASP(Active Server Page)

4. HTML Coding MS-Studio, Dreamweaver

5. Animation & Sound ShockWave, FLASH MX

6. DB Creation S-Designer Case Tool

7. Documentation MS Office 2000


기본방향 | Contents proposal |

사이트의 기본 가이드

•고객이 원하는 기본적인 사항을 파악하고 새로운 컨텐츠 제안 및 확보 방안 이나 기존의 컨텐츠를

활용 강화 방안을 제안 고객 확보 방안 제시한다 .

해상도 : 800X600브라우저 (Browser): Internet Explorer 5.0 이상 , Netscape 4.6 이상 모두 구현운영 체제 : Windows 95/98/98se/ME/2000/XP프레임 (Frame) 은 사용하지 않음메뉴 ( 링크 ) 이미지의 Alt Tag 적용모든 페이지에 적용되는 Style Sheet 제작 사용모든 페이지에 Meta Tag(Key word) 사용Language: Active Server Page(ASP)

- 디자인에 따른 웹아이덴티 ( 브랜드 정착 ) 구축 - UI 및 네비게이션 개선- 고객 맞춤 서비스 강화 및 개인화 강화- 각종 테마 , 종류별 및 상품 정보 제공으로 검색의 편리함을 강화한다 . - 결제시스템 구축으로 편리한 구매환경 구축- 웹 관리자 체제로 각 메뉴에 맞는 관리자 모드 개발


사이트 컨셉 | Contents proposal |

컨셉제안



이야기가 있는 꽃 쇼핑몰

디자인을 통한 WI 구축 커뮤니티 / 컨텐츠 강화고객 구매 만족

• 디자인 스타일 가이드로 인한 WI 구축 (시각 )

• 인터페이스 및 아키텍쳐를 통해 좋은경험을 전달 인지도를 높이고 친근감을 높인다 (경험 )

• 가독성과 판독성의 타이포로 정보를 쉽고 빠르게 인지 및 운율과 적절한 문장의 느낌으로 사용으로 기업이미지를 높인다 . ( 언어 )

• 사이트의 사용성을 평가

•다양한 상품 그룹핑으로 쉽게 구매목적을 달성

•다양한 검색방법으로 쉽게 구매목적을 달성

•배송 조회시 사진을 통해 불안요소 제거

•마일리지 적립과 그 이용의 유용함을 제공한다

•곳곳에 커뮤니티 참여로 사이트 충성도 높은 회원확보

•컨텐츠 확보 및 꾸준한 업데이트

•사이트의 브랜드 가치 상승

•이야기을 통해 새로운 가치를 창출한다 .


이벤트

연인

부부

기념일

http://www.000000.co.kr

베스트인기상품

상품검색공지사항

회원가입 /로그인

스타일

My page 이야기속으로 고객서비스 정보광장 유틸리티

마일리지

러브레터 바탕화면

구매정보

자유게시판

이벤트

나의 기념일

공개 프로포즈

추천인관리

감동메세지

Q&A

스패셜코너

나의 찜 상품

개인정보관리

고객의 소리

폼 메일보내기

사진 갤러리

향수이야기

회사소개 선물용품

꽃꽃이강좌

공지사항

문자메세지

꽃 이야기

개인정보보호정책

식물관리

약도

맞춤주문서비스일반메세지

MD상담상품

캐릭터케익

메뉴 구조도 | Contents proposal |

메뉴 구조도 안



MD추천상품

매물광장테마별

축하

위문

매니아


컨텐츠 제안 | Contents proposal |

그룹핑 및 검색

새로운 구룹핑과 카테고리 분류로 목적에 맞는 상품을 쉽게 찾을수 있게 하며 또한 다양한 검색을통하여 구매창구를 넓히는데 목적을 둔다 .

검색

- 생일 / 졸업 / 입학 / 수상 / 전시 / 공연 / 발표 / 승진 /- 집들이 / 회갑연 / 약혼 / 결혼 / 개업 / 이전

- 2세축하 / 결혼기념 / 여보사랑해 /

이벤트

연인

부부

기념일

- 추도 / 추문 / 문병

-발렌타인 / 화이트데이 / 어버이날 / 스승의날 / 성년의날 / 로즈데이 / 성탄절

상품검색

상품별

가격별

- 사랑고백 / 프로포즈 / 백일기념 / 화해

- 꽃다발 / 꽃바구니 / 꽃 박스 / 꽃과선물 / 동양란 / 서양란 / 관엽 , 분재 / 축하화환 /근조화환 / 꽃병 , 꽃꽃이 / 부케 / 선물코너 / 케잌 /

- 4 만 ~5 만 / 5 만 ~7 만 / 7 만 ~10 만 / 10 만 ~15 만 / 15 만 ~20 만 / 20 만 이상

테마별

이벤트

- 우울할때 / 행복 , 기쁠때 / 계절 / 나만의꽃

스타일

매물광장테마별

축하

위문

매니아

-청초 / 우아 / 화려 / 소박 /단아 / 세련 /깔끔 / 따뜻 / 신비 /-환상 /순수 /섹시 / 지성 / 터프 / 귀여움 / 로멘틱

새로운 상품분류및 그룹핑으로 목적에 맞는 상품을 찾을수 있게 하였다 .또한 개인에게 맞춤상품으로 매니아와 스타일이라는 분류로 꽃을 좋아하는 매니아들의 꾸준한 구매를 할수 있겠끔 유도했다



컨텐츠 제안

개인 맞춤 페이지로 자신의 정보 및 마일리지 , 기념일 등 개인화 서비스를 통하여 꾸준한 재방문을 유도한다 .

My page

마일리지

구매정보

나의 기념일

추천인관리

나의 찜 상품

개인정보관리

클릭시

당장은 아니더라도나중에 구매하고 싶은상품을 my page 에 저장언제든지 쉽게 찾아구매할수 있도록 한다 .



컨텐츠 제안

이야기가 있는 사이트 즉 자신과 여러사람의 어울림으로 자연스럽게자신만의 역사가 녹아있게 만들어 사이트의 애정을 가지게 한다 .

이야기속으로

러브레터

감동메세지

공개 프로포즈

자유게시판

사진 갤러리

타 사이트에서는 기본적인 인사말이나메세지를 정해져 있고 거기서만 참고하지만이 게시판에서는 이용자들이 직접 좋은 메세지나글을 남기고 다른 이용자들도 인용할수 있어인위적인 메세지가 아니라 살아 있는 메세지가 될수있다 .

또한 그 글에 대해 평가및 격려글을 줄수 있고 그 평가에 따라포인트까지 부여하여 참여도를 높인다 .

꽃과 편지를 사랑하는 사람에게 보내 행복한 이야기나 에피소드 또한 애뜻한 사랑이야기를 들어본다 .

메인페이지에 공개프로포즈 내용이 뜨며 회원메일링 서비스에도 공개프로포즈가 이루어진다 .

즐겁고 소중한 추억의 사진과 사연



컨텐츠 제안

•다양한 고객 서비스 및 불편사항들을 해결한다 .

고객서비스

바탕화면

이벤트

Q&A

고객의 소리

폼 메일보내기

바탕화면 및 카렌다 서비스

바탕화면 및 카렌다를 친구및 연인에게 보낼수 있다

이벤트 페이지는 관리자모드에서 생성 게시판을 만들어 내어 회원들이 참여하게 한다 .하지만 디자인은 지원하지 못한다 .


정보광장

향수이야기

꽃꽃이강좌

꽃 이야기

식물관리

일반메세지

꽃과 보내는 메세지 참고

꽃과 관련된 다양한 정보 서비스


컨텐츠 제안

다양한 꽃과 관련된 정보를 제공하며 스스로 고객들이컨텐츠를 만들어 나갈수 있게 한다 .


스패셜코너

선물용품

문자메세지

맞춤주문서비스

MD상담상품

캐릭터케익


컨텐츠 제안

•관련 상품쇼핑몰 및 상담으로 상품의 구매를 유도한다 .

문자메세지는 포인트가 있어야만사용가능하며 sms 업체와의 계약이별도로 필요함

매니아의 나만의 꽃과 기능이 유사함

관련상품 쇼핑몰

이럴땐 이렇게 해보시고 빨간장미 55송이는 ( 우린 너무 쉽게 헤어졌어요 . 내게로 다시 돌아오오 .)이런 뜻을 가지고 있으니 이러한 꽃을 선물해보세요

선물 상담을 해주면서 자연스럽게상품을 권한다 .


주요기능제안 | Contents proposal |

구매 페이지

•상품제목에도 새로운 카피문구와 다양한 상품구매를 자극한다

상품 카테고리의작은 제목 리스트 이다 .

제목글을 마음의 느낌을 전달하는카피 문구로 이용자들의 클릭을 유도하고 있다 .

상품 구매 페이지에서도 그 꽃에 어울리는 코디 상품을 진열 같이 구매할수 있는 욕구를 가지게 한다 .


디자인 제안 | Design proposal |

아이덴티 구축

• 오프라인 온라인 정체성을 확립하고 개념적 요소를 파악 적용 소비자에게 일관된 기업이미지 제고 와 수준급의 외양과 감성을 전달 고객의 신뢰와 호감을 높인다 .

web identity 구축 목적

브랜드 ( 기업 or 상품 or 서비스 ) 의 로열티 창출 .프리미엄이 붙은 상품 가격 형성 .정보의 홍수에서 브랜드각인 .동종 브랜드 시장에서 경쟁력 확보비용 절감생산력 증대투자 가치 상승

Visual Identity ( 시각적 ) :

정확한 포지셔닝 아래 디자인되 시각적요소들을 제작한다 .

Verbal Written Identity(언어적 ) :

컨텐츠로 제공된 내용을 운율을 사용하거나 가독성과 판독성 , 적절한 문장의 사용으로 기업이미지를 높인다 .

Experimental Identity( 체험적 ) :

사용자 인터페이스를 통해 방문자의 좋은 경험을 전달해주어 인지도를 높인다 ( 사용자 계층이나 전달하고자 하는 컨텐츠 분량이클수록 중요성이 증가한다 .)

웹 아이덴티티의 요소중 시각적 /언어적 / 체험적 아이덴테티를 구축한다 .

Philosophy• Vision• Mission

Contents

Visual: Color Logotype

등

Verbal• 2~5 자 내외• 신뢰감 / 범용성

Value: 즐거움을 주는 친구

Personality: 신뢰 /자부심 / 전문성 / 첨단 / 품격

“e 브랜드는 경험이다 .”

“기억에 남는 (Memorable) 경험” - Pine & Gilmore(1999)

→ e 브랜드는 탐색 → 경험을 통한다기보다는 영화 , 컴퓨터 게임처럼 경험단계가 더 중요시됨 e 브랜드 고객반응단계 :

시도 (Trial) → 반복 (Repetition) → e 로열티 → 관계형성 (Relationship)



디자인 제안


사용이 편리한 웹사이트 사용이 불편한 웹사이트

웹사이트를 돌아다니다 보면…


Information Architecture

정보설계

정보디자인

웹 사이트를 구성하는 컨텐츠 , 기능 등의 수많은 요소들을

사용자가 쉽고 편리하게 브라우징 , 검색할 수 있는

구조적인 체계와 통로를 만드는 것


디자인 제안




디자인 제안


Information Architecture 를 통하여 사용성을 높이고 이에 좋은경험으로 사이트의 아이덴티를 이루게 한다 .

정보의 구조설계

사용자가 쉽게 정보를 찾을 수 있도록

정보를 구조적으로 조직하는 것

예 )


Design Style guide

웹 스타일 가이드의 목적은 웹사이트의 통일되고 일관된 사용자 경험 (UserExperience) 을 구현하고 , 사이트의 추가개발 및 유지보수의 편리성을 높이는데 있다 .

체계적이고 일관된 사용자 경험 (User Experience) 은 결과적으로 사용자들에게 사이트의 일관되고 통일된 아이덴티티 (Identity) 와 브랜드 (Brand) 이미지를 형성한다 .

꽃 배달 쇼핑몰의 모든 디자인부분은 스타일가이드에 의해서 개발됩니다 .

이러한 목적으로 만들어지는 웹 스타일 가이드는 더욱 체계적인 사이트개발을 위해 사용된다 .

01_

02_

03_

D e s i g n S t y l e g u i d e _ 01

C o m p o s i t o n

색상 (Color)

각 카테고리별 특성 강화와 컬러 바리에이션 정의

컨텐츠 엘리먼트와 폰트 (Font)

컨텐츠 엘리먼트 정의 국문 영문 폰트 정의및 타이틀과 컨텐츠 폰트 사용 규정

레이아웃 (Layout)

메인페이지와 서브페이지 그리드시스템 정의

그래픽 사용의 정의(Graphic Elements)

이미지 포맷이미지 가이드 정의

C o m p o s i t i o n


Address서울특별시 영등포구 여의도동 36-4 오륜빌딩 709호 ( 우 :150-886) - 여의도역5번출구 -#150-886 709 Oreun Bldg, 36-4 Yoiedo-dong Yeongdeungpo-gu, Seoul, KOREA

Project manager

| 이너드림 기획실 금종석 [email protected] |

| 이너드림 TEL 02-785-7249 FAX 02-782-8136 |

| 이너드림 핸드폰 016-414-7245 |

| e-BIZ 파트너 이너드림 |

[ 귀사의 경쟁력 확보에 최선을 다하겠습니다 . 이너드림과 함께 해주셔서 감사합니다 .]

Contact us

| Contact us |

담당자 연락처

2002.12.17

Documents

Transcript of 2002.12.17