2002.12.17

Quality base is our pride WEBSITE proposal 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 [ 꽃 배달 웹사이트 제안서 이너드림은 귀사의 경쟁력 확보에 최선을 다하겠습니다.] 2002.12.17

본 “꽃 배달 웹사이트 ” 프로젝트는 기존 경쟁사이트보다 일반고객및 기업고객 에게 더 좋은 편리성과 서비스 및 정보를 제공하며 커뮤니티를 강화시킨다. 또한 일반고객과 기업고객을 분리하여 사용자의 목적에 따라 더 효율성 있게 이용함에 고객의 만족도를 높인다. 이너드림의 기획팀은 현, 국내 및 국제 인터넷 환경을 분석하여 거시적인 사이트의 방향을 도출하고 이를 바탕으로 효과적인 컨텐츠와 사이트 구축을 통하여 고객님이 원하는 소기의 목적을 달성 할 수 있도록 최선의 지원을 아끼지 않을 것입니다. 본 꽃 배달 웹사이트 구축 시 가장 중요한 것은 꽃 쇼핑몰 분야에 걸 맞는 창의적이고, 고 품격의 디자인이 최우선이며, 향후 구축하여야 할 방대한 양의 상품관련 자료 및 각종 이미지 데이터베이스 구축 을 고려한 유연한 프로그램의 제작입니다. 또한, 적은 비용으로 효율적인 관리 할 수 있는 관리자 모드가 고려된 기획이 되어야 합니다. 이너드림 기획 제안시스템은 귀사에서 제작하고자 하는 사이트의 기획 분석과 성공한 사이트들의 분석을 통해 거시적인 사이트 기획 방향을 도출합니다. 또한, 관련 최신사이트의 기술동향 및 현재의 마케팅 대상에 맞는 컨텐츠 그리고, 당사의 각종 Total System 기획,구축,운영, 마케팅 경험을 바탕으로 한 세부적인 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 | 사이트의 기본 가이드 • 고객이 원하는 기본적인 사항을 파악하고 새로운 컨텐츠 제안 및 확보 방안 이나 기존의 컨텐츠를 • 활용 강화 방안을 제안 고객 확보 방안 제시한다. • 디자인에 따른 웹아이덴티(브랜드 정착) 구축 • UI 및 네비게이션 개선 • 고객 맞춤 서비스 강화 및 개인화 강화 • 각종 테마,종류별 및 상품 정보 제공으로 검색의 편리함을 강화한다. • 결제시스템 구축으로 편리한 구매환경 구축 • 웹 관리자 체제로 각 메뉴에 맞는 관리자 모드 개발 해상도: 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)

사이트 컨셉 | Contents proposal | 컨셉제안 • 고객이 원하는 기본적인 사항을 파악하고 새로운 컨텐츠 제안 및 확보 방안 이나 기존의 컨텐츠를 • 활용 강화 방안을 제안 고객 확보 방안 제시한다. 이야기가 있는 꽃 쇼핑몰 커뮤니티 / 컨텐츠 강화 고객 구매 만족 디자인을 통한 WI 구축 • 디자인 스타일 가이드로 인한 WI 구축(시각) • 인터페이스 및 아키텍쳐를 통해 좋은경험을 전달 인지도를 높이고 친근감을 높인다(경험) • 가독성과 판독성의 타이포로 정보를 쉽고 빠르게 인지 및 운율과 적절한 문장의 느낌으로 사용으로 기업이미지를 높인다. (언어) • 사이트의 사용성을 평가 • 다양한 상품 그룹핑으로 쉽게 구매목적을 달성 • 다양한 검색방법으로 쉽게 구매목적을 달성 • 배송 조회시 사진을 통해 불안요소 제거 • 마일리지 적립과 그 이용의 유용함을 제공한다 • 곳곳에 커뮤니티 참여로 사이트 충성도 높은 회원확보 • 컨텐츠 확보 및 꾸준한 업데이트 • 사이트의 브랜드 가치 상승 • 이야기을 통해 새로운 가치를 창출한다.

메뉴 구조도 | Contents proposal | 메뉴 구조도 안 • 고객이 원하는 기본적인 사항을 파악하고 새로운 컨텐츠 제안 및 확보 방안 이나 기존의 컨텐츠를 • 활용 강화 방안을 제안 고객 확보 방안 제시한다. http://www.000000.co.kr 공지사항 상품검색 MD추천상품 회원가입/로그인 베스트인기상품 매물광장 테마별 이벤트 My page 이야기속으로 고객서비스 정보광장 유틸리티 스패셜코너 축하 연인 나의 기념일 러브레터 바탕화면 꽃 이야기 회사소개 선물용품 위문 부부 마일리지 공개 프로포즈 폼 메일보내기 향수이야기 개인정보보호정책 캐릭터케익 매니아 기념일 구매정보 감동메세지 이벤트 꽃꽃이강좌 약도 문자메세지 스타일 추천인관리 자유게시판 고객의 소리 식물관리 공지사항 MD상담상품 나의 찜 상품 사진 갤러리 Q&A 일반메세지 맞춤주문서비스 개인정보관리

컨텐츠 제안 | Contents proposal | 그룹핑 및 검색 새로운 구룹핑과 카테고리 분류로 목적에 맞는 상품을 쉽게 찾을수 있게 하며 또한 다양한 검색을통하여 구매창구를 넓히는데 목적을 둔다. 매물광장 테마별 이벤트 - 생일 / 졸업 / 입학 / 수상 / 전시 / 공연 / 발표/ 승진 / - 사랑고백/ 프로포즈 / 백일기념 / 화해 축하 연인 - 집들이 / 회갑연 / 약혼/ 결혼 / 개업 / 이전 - 2세축하 / 결혼기념 / 여보사랑해 / 위문 부부 - 추도 / 추문 / 문병 • 발렌타인 / 화이트데이 / 어버이날 / 스승의날 / • 성년의날 / 로즈데이 / 성탄절 매니아 - 우울할때 / 행복,기쁠때 / 계절 / 나만의꽃 기념일 스타일 • 청초/우아/화려/소박/단아/세련/깔끔/따뜻/신비/ • 환상/순수/섹시/지성/터프/귀여움/로멘틱 새로운 상품분류및 그룹핑으로 목적에 맞는 상품을 찾을수 있게 하였다. 또한 개인에게 맞춤상품으로 매니아와 스타일이라는 분류로 꽃을 좋아하는 매니아들의 꾸준한 구매를 할수 있겠끔 유도했다 검색 상품검색 상품별 - 꽃다발/꽃바구니/꽃 박스/꽃과선물/동양란/서양란/관엽,분재/축하화환/근조화환/꽃병,꽃꽃이/부케/선물코너/케잌/ - 4만~5만 / 5만~7만 / 7만~10만 / 10만~15만 / 15만~20만 / 20만 이상 가격별 테마별 이벤트

컨텐츠 제안 | Contents proposal | 컨텐츠 제안 개인 맞춤 페이지로 자신의 정보 및 마일리지,기념일 등 개인화 서비스를 통하여 꾸준한 재방문을 유도한다. My page 나의 기념일 마일리지 구매정보 추천인관리 나의 찜 상품 개인정보관리 클릭시 당장은 아니더라도 나중에 구매하고 싶은 상품을 my page에 저장 언제든지 쉽게 찾아 구매할수 있도록 한다.

컨텐츠 제안 | Contents proposal | 컨텐츠 제안 이야기가 있는 사이트 즉 자신과 여러사람의 어울림으로 자연스럽게 자신만의 역사가 녹아있게 만들어 사이트의 애정을 가지게 한다. 이야기속으로 러브레터 꽃과 편지를 사랑하는 사람에게 보내 행복한 이야기나 에피소드 또한 애뜻한 사랑이야기를 들어본다. 공개 프로포즈 메인페이지에 공개프로포즈 내용이 뜨며 회원메일링 서비스에도 공개프로포즈가 이루어진다. 감동메세지 자유게시판 사진 갤러리 즐겁고 소중한 추억의 사진과 사연 타 사이트에서는 기본적인 인사말이나 메세지를 정해져 있고 거기서만 참고하지만 이 게시판에서는 이용자들이 직접 좋은 메세지나 글을 남기고 다른 이용자들도 인용할수 있어 인위적인 메세지가 아니라 살아 있는 메세지가 될수 있다. 또한 그 글에 대해 평가및 격려글을 줄수 있고 그 평가에 따라 포인트까지 부여하여 참여도를 높인다.

컨텐츠 제안 | Contents proposal | 컨텐츠 제안 • 다양한 고객 서비스 및 불편사항들을 해결한다. 고객서비스 바탕화면 및 카렌다 서비스 바탕화면 폼 메일보내기 이벤트 고객의 소리 Q&A 바탕화면 및 카렌다를 친구및 연인에게 보낼수 있다 이벤트 페이지는 관리자모드에서 생성 게시판을 만들어 내어 회원들이 참여하게 한다. 하지만 디자인은 지원하지 못한다.

컨텐츠 제안 | Contents proposal | 컨텐츠 제안 다양한 꽃과 관련된 정보를 제공하며 스스로 고객들이 컨텐츠를 만들어 나갈수 있게 한다. 정보광장 꽃 이야기 향수이야기 꽃꽃이강좌 꽃과 관련된 다양한 정보 서비스 식물관리 일반메세지 꽃과 보내는 메세지 참고

컨텐츠 제안 | Contents proposal | 컨텐츠 제안 • 관련 상품쇼핑몰 및 상담으로 상품의 구매를 유도한다. 선물 상담을 해주면서 자연스럽게 상품을 권한다. 스패셜코너 선물용품 관련상품 쇼핑몰 캐릭터케익 문자메세지 MD상담상품 맞춤주문서비스 이럴땐 이렇게 해보시고 빨간장미 55송이 는 (우린 너무 쉽게 헤어졌어요. 내게로 다시 돌아오오.) 이런 뜻을 가지고 있으니 이러한 꽃을 선물해보세요 매니아의 나만의 꽃과 기능이 유사함 문자메세지는 포인트가 있어야만 사용가능하며 sms 업체와의 계약이 별도로 필요함

주요기능제안 | Contents proposal | 구매 페이지 • 상품제목에도 새로운 카피문구와 다양한 상품구매를 자극한다 상품 카테고리의 작은 제목 리스트 이다. 제목글을 마음의 느낌을 전달하는 카피 문구로 이용자들의 클릭을 유도하고 있다. 상품 구매 페이지에서도 그 꽃에 어울리는 코디 상품을 진열 같이 구매할수 있는 욕구를 가지게 한다.

Value: 즐거움을 주는 친구 Personality: 신뢰/자부심/전문성/첨단/품격 Visual: Color Logotype 등 • Verbal • 2~5자 내외 • 신뢰감/범용성 Contents • Philosophy • Vision • Mission 디자인 제안 | Design proposal | 아이덴티 구축 • 오프라인 온라인 정체성을 확립하고 개념적 요소를 파악 적용 소비자에게 일관된 기업이미지 제고 와 수준급의 외양과 감성을 전달 고객의 신뢰와 호감을 높인다. web identity 구축 목적 브랜드(기업 or 상품 or 서비스)의 로열티 창출. 프리미엄이 붙은 상품 가격 형성. 정보의 홍수에서 브랜드각인. 동종 브랜드 시장에서 경쟁력 확보 비용 절감 생산력 증대 투자 가치 상승 웹 아이덴티티의 요소중 시각적/언어적/체험적 아이덴테티를 구축한다. Visual Identity (시각적) : 정확한 포지셔닝 아래 디자인되 시각적요소들을 제작한다. Verbal Written Identity(언어적) : 컨텐츠로 제공된 내용을 운율을 사용하거나 가독성과 판독성, 적절한 문장의 사용으로 기업이미지를 높인다. Experimental Identity(체험적) : 사용자 인터페이스를 통해 방문자의 좋은 경험을 전달해주어 인지도를 높인다(사용자 계층이나 전달하고자 하는 컨텐츠 분량이 클수록 중요성이 증가한다.) “e 브랜드는 경험이다.” “기억에 남는(Memorable) 경험” - Pine & Gilmore(1999) → e 브랜드는 탐색 → 경험을 통한다기보다는 영화, 컴퓨터 게임처럼 경험단계가 더 중요시됨 e 브랜드 고객반응단계: 시도(Trial) → 반복(Repetition) → e 로열티 → 관계형성(Relationship)

사용이 편리한 웹사이트 사용이 불편한 웹사이트 디자인 제안 | Design proposal | 디자인 제안 • 오프라인 온라인 정체성을 확립하고 개념적 요소를 파악 적용 소비자에게 일관된 기업이미지 제고 와 수준급의 외양과 감성을 전달 고객의 신뢰와 호감을 높인다. 웹사이트를 돌아다니다 보면…

정보설계 정보디자인 웹 사이트를 구성하는 컨텐츠, 기능 등의 수많은 요소들을 사용자가 쉽고 편리하게 브라우징, 검색할 수 있는 구조적인 체계와 통로를 만드는 것 디자인 제안 | Design proposal | 디자인 제안 • 오프라인 온라인 정체성을 확립하고 개념적 요소를 파악 적용 소비자에게 일관된 기업이미지 제고 와 수준급의 외양과 감성을 전달 고객의 신뢰와 호감을 높인다. Information Architecture

디자인 제안 | Design proposal | 디자인 제안 • 오프라인 온라인 정체성을 확립하고 개념적 요소를 파악 적용 소비자에게 일관된 기업이미지 제고 와 수준급의 외양과 감성을 전달 고객의 신뢰와 호감을 높인다. 예) 정보의 구조설계 사용자가 쉽게 정보를 찾을 수 있도록 정보를 구조적으로 조직하는 것 Information Architecture 를 통하여 사용성을 높이고 이에 좋은경험으로 사이트의 아이덴티를 이루게 한다.

D e s i g n S t y l e g u i d e _ 01 Design Style guide C o m p o s i t i o n 01_ 웹 스타일 가이드의 목적은 웹사이트의 통일되고 일관된 사용자 경험(UserExperience)을 구현하고, 사이트의 추가개발 및 유지보수의 편리성을 높이는데 있다. 체계적이고 일관된 사용자 경험(User Experience)은 결과적으로 사용자들에게 사이트의 일관되고 통일된 아이덴티티(Identity)와 브랜드(Brand) 이미지를 형성한다. 꽃 배달 쇼핑몰의 모든 디자인부분은 스타일가이드에 의해서 개발됩니다. 이러한 목적으로 만들어지는 웹 스타일 가이드는 더욱 체계적인 사이트개발을 위해 사용된다. 02_ 03_ C o m p o s i t o n 색상(Color) 각 카테고리별 특성 강화와 컬러 바리에이션 정의 그래픽 사용의 정의 (Graphic Elements) 이미지 포맷 이미지 가이드 정의 컨텐츠 엘리먼트와 폰트(Font) 컨텐츠 엘리먼트 정의 국문 영문 폰트 정의 및 타이틀과 컨텐츠 폰트 사용 규정 레이아웃(Layout) 메인페이지와 서브페이지 그리드 시스템 정의

2002.12.17

2002.12.17

Presentation Transcript

2002.12.17