SlideShare a Scribd company logo
1 of 15
Download to read offline
Mobile Web Design
시각 영상 디자인
0812485 박 혜 진
북새통(Booksaetong) 서점
만화,일러스트 전문 서점(국내 최대 규모) 사이트
오프라인 매장과 함께 온라인에서도 판매하고 있음
할인 된 가격으로 신간 발매,간단한 책의 내용 등
다양한 정보를 제공함.
만화 및 잡지, 소설, 일러스트북 등 관련 분야의
도서 판매와 서점 홍보 목적
Mission & Objectives
개발 하고자 하는 사이트의 미션과 목적은 무엇인가?1-1
1단계 전략수립(strategy / research)
Target Users (optional)
Primary Target 사용자와 Secondary Target 사용자를 정의1-2
10~30대 관련 분야 종사자, 구매에 관심 있는 독자들(매니아) / 일반 대중
1-3
Scope of the Project
유사/ 경쟁 사이트 벤치마킹
국내 및 해외 서점 모바일 사이트 리서치
알라딘, 인터파크 도서 , 아마존닷컴
http://m.aladin.co.kr
http://m.book.interpark.com/
http://www.amazon.com/gp/aw/h.html
1단계 전략수립(strategy / research)
1-3
Scope of the Project
유사/ 경쟁 사이트 벤치마킹
온라인 서점 알라딘(http://m.aladin.co.kr)
메인 화면을 이미지위주로 구성 / 버튼을 누르면 네비게이션이 나타남
1단계 전략수립(strategy / research)
1-3
Scope of the Project
유사/ 경쟁 사이트 벤치마킹
1단계 전략수립(strategy / research)
1-3
Scope of the Project
유사/ 경쟁 사이트 벤치마킹
인터파크 도서(http://m.book.interpark.com/)
기본 네비게이션이 상단에 위치, 메인에 추천도서 등을 배치
1단계 전략수립(strategy / research)
1-3
Scope of the Project
유사/ 경쟁 사이트 벤치마킹
1단계 전략수립(strategy / research)
1-3
Scope of the Project
유사/ 경쟁 사이트 벤치마킹
1단계 전략수립(strategy / research)
1-3
Scope of the Project
유사/ 경쟁 사이트 벤치마킹
아마존 닷컴(http://www.amazon.com/gp/aw/h.html)
1단계 전략수립(strategy / research)
많은 품목을 판매하므로 메인에 카테고리 별로 정리 배치함
1-3
Scope of the Project
유사/ 경쟁 사이트 벤치마킹
1단계 전략수립(strategy / research)
컨셉 개발 / 개발하고자 하는 사이트의 디자인 컨셉2-1
-기존에 있는 로고디자인의 블루를 포인트 컬러로 사용하여
심플한 디자인을 할 예정
-사용자들이 많이 이용하는 메뉴 위주로 복잡하지 않은 네비게이션 구성.
-메인에 검색창,베스트셀러,싞갂정보등을 배치하고 장르별 카테고리 구성.
(찾고자 하는 정보를 쉽게 찾을 수 있는 식으로 구성할 예정)
1단계 전략수립(strategy / research)
크리에이티브 디자인 / 비쥬얼 디자인 시안 (메인1, 서브1)2-2
현재 사이트 화면
1단계 전략수립(strategy / research)
크리에이티브 디자인 / 비쥬얼 디자인 시안 (메인1, 서브1)
main sub
2-2
2단계 디자인 및 스펙결정 (design / Ideation)
크리에이티브 디자인 / 비쥬얼 디자인 시안 (메인1, 서브1)
main sub
2-2
2단계 디자인 및 스펙결정 (design / Ideation)
기술설계 / IA(Inforamtion Architecture) 정보구조 설계
사이트의 웹페이지들(또는 컨텐츠)가 연결된 구조도
2-3
2단계 디자인 및 스펙결정 (design / Ideation)
MAIN
Bestseller New book Comics Novels Magazine Illust book
A B C D A B C D
순정 코믹
학원
액션
공포
스포츠드라마
무협
판타지
라이트
노벨
A B C D
에세이일반
A B C D

More Related Content

Similar to 0812485 박혜진 mobile

프로젝트실무와기획의역할
프로젝트실무와기획의역할프로젝트실무와기획의역할
프로젝트실무와기획의역할Amy Young Ah Kim
 
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할Amy Young Ah Kim
 
How to implement your dream 20150427
How to implement your dream 20150427How to implement your dream 20150427
How to implement your dream 20150427Will Kim
 
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdfPT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdfNamhee Choi
 
Vaimi 스토어 솔루션 소개서 서정민 130925
Vaimi 스토어 솔루션 소개서 서정민 130925Vaimi 스토어 솔루션 소개서 서정민 130925
Vaimi 스토어 솔루션 소개서 서정민 130925vaimicom
 
책 "제품의 탄생" 소개
책 "제품의 탄생" 소개책 "제품의 탄생" 소개
책 "제품의 탄생" 소개SANGHEE SHIN
 
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Yejee Choi
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용승원 서
 
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안나영 김
 
퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인정인 주
 
스마트창작터
스마트창작터스마트창작터
스마트창작터동기 홍
 
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초더게임체인저스
 
벤치마킹 20120329 kenny
벤치마킹 20120329 kenny벤치마킹 20120329 kenny
벤치마킹 20120329 kennyKenny Kim
 
브랜드 스토어 솔루션 소개 바이미
브랜드 스토어 솔루션 소개 바이미브랜드 스토어 솔루션 소개 바이미
브랜드 스토어 솔루션 소개 바이미vaimicom
 

Similar to 0812485 박혜진 mobile (20)

프로젝트실무와기획의역할
프로젝트실무와기획의역할프로젝트실무와기획의역할
프로젝트실무와기획의역할
 
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할
 
모바일웹중간Pt
모바일웹중간Pt모바일웹중간Pt
모바일웹중간Pt
 
mobile picturebook pt
mobile picturebook ptmobile picturebook pt
mobile picturebook pt
 
How to implement your dream 20150427
How to implement your dream 20150427How to implement your dream 20150427
How to implement your dream 20150427
 
No2ppt
No2pptNo2ppt
No2ppt
 
appbook jisu
appbook jisuappbook jisu
appbook jisu
 
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdfPT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
 
Vaimi 스토어 솔루션 소개서 서정민 130925
Vaimi 스토어 솔루션 소개서 서정민 130925Vaimi 스토어 솔루션 소개서 서정민 130925
Vaimi 스토어 솔루션 소개서 서정민 130925
 
책 "제품의 탄생" 소개
책 "제품의 탄생" 소개책 "제품의 탄생" 소개
책 "제품의 탄생" 소개
 
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용
 
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
 
퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인
 
스마트창작터
스마트창작터스마트창작터
스마트창작터
 
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
 
벤치마킹 20120329 kenny
벤치마킹 20120329 kenny벤치마킹 20120329 kenny
벤치마킹 20120329 kenny
 
브랜드 스토어 솔루션 소개 바이미
브랜드 스토어 솔루션 소개 바이미브랜드 스토어 솔루션 소개 바이미
브랜드 스토어 솔루션 소개 바이미
 
Whats
WhatsWhats
Whats
 
Ppt
PptPpt
Ppt
 

0812485 박혜진 mobile

  • 1. Mobile Web Design 시각 영상 디자인 0812485 박 혜 진
  • 2. 북새통(Booksaetong) 서점 만화,일러스트 전문 서점(국내 최대 규모) 사이트 오프라인 매장과 함께 온라인에서도 판매하고 있음 할인 된 가격으로 신간 발매,간단한 책의 내용 등 다양한 정보를 제공함. 만화 및 잡지, 소설, 일러스트북 등 관련 분야의 도서 판매와 서점 홍보 목적 Mission & Objectives 개발 하고자 하는 사이트의 미션과 목적은 무엇인가?1-1 1단계 전략수립(strategy / research)
  • 3. Target Users (optional) Primary Target 사용자와 Secondary Target 사용자를 정의1-2 10~30대 관련 분야 종사자, 구매에 관심 있는 독자들(매니아) / 일반 대중 1-3 Scope of the Project 유사/ 경쟁 사이트 벤치마킹 국내 및 해외 서점 모바일 사이트 리서치 알라딘, 인터파크 도서 , 아마존닷컴 http://m.aladin.co.kr http://m.book.interpark.com/ http://www.amazon.com/gp/aw/h.html 1단계 전략수립(strategy / research)
  • 4. 1-3 Scope of the Project 유사/ 경쟁 사이트 벤치마킹 온라인 서점 알라딘(http://m.aladin.co.kr) 메인 화면을 이미지위주로 구성 / 버튼을 누르면 네비게이션이 나타남 1단계 전략수립(strategy / research)
  • 5. 1-3 Scope of the Project 유사/ 경쟁 사이트 벤치마킹 1단계 전략수립(strategy / research)
  • 6. 1-3 Scope of the Project 유사/ 경쟁 사이트 벤치마킹 인터파크 도서(http://m.book.interpark.com/) 기본 네비게이션이 상단에 위치, 메인에 추천도서 등을 배치 1단계 전략수립(strategy / research)
  • 7. 1-3 Scope of the Project 유사/ 경쟁 사이트 벤치마킹 1단계 전략수립(strategy / research)
  • 8. 1-3 Scope of the Project 유사/ 경쟁 사이트 벤치마킹 1단계 전략수립(strategy / research)
  • 9. 1-3 Scope of the Project 유사/ 경쟁 사이트 벤치마킹 아마존 닷컴(http://www.amazon.com/gp/aw/h.html) 1단계 전략수립(strategy / research) 많은 품목을 판매하므로 메인에 카테고리 별로 정리 배치함
  • 10. 1-3 Scope of the Project 유사/ 경쟁 사이트 벤치마킹 1단계 전략수립(strategy / research)
  • 11. 컨셉 개발 / 개발하고자 하는 사이트의 디자인 컨셉2-1 -기존에 있는 로고디자인의 블루를 포인트 컬러로 사용하여 심플한 디자인을 할 예정 -사용자들이 많이 이용하는 메뉴 위주로 복잡하지 않은 네비게이션 구성. -메인에 검색창,베스트셀러,싞갂정보등을 배치하고 장르별 카테고리 구성. (찾고자 하는 정보를 쉽게 찾을 수 있는 식으로 구성할 예정) 1단계 전략수립(strategy / research)
  • 12. 크리에이티브 디자인 / 비쥬얼 디자인 시안 (메인1, 서브1)2-2 현재 사이트 화면 1단계 전략수립(strategy / research)
  • 13. 크리에이티브 디자인 / 비쥬얼 디자인 시안 (메인1, 서브1) main sub 2-2 2단계 디자인 및 스펙결정 (design / Ideation)
  • 14. 크리에이티브 디자인 / 비쥬얼 디자인 시안 (메인1, 서브1) main sub 2-2 2단계 디자인 및 스펙결정 (design / Ideation)
  • 15. 기술설계 / IA(Inforamtion Architecture) 정보구조 설계 사이트의 웹페이지들(또는 컨텐츠)가 연결된 구조도 2-3 2단계 디자인 및 스펙결정 (design / Ideation) MAIN Bestseller New book Comics Novels Magazine Illust book A B C D A B C D 순정 코믹 학원 액션 공포 스포츠드라마 무협 판타지 라이트 노벨 A B C D 에세이일반 A B C D