SlideShare a Scribd company logo
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
main sub
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

How to implement your dream 20150427
How to implement your dream 20150427How to implement your dream 20150427
How to implement your dream 20150427
Will Kim
 
책 "제품의 탄생" 소개
책 "제품의 탄생" 소개책 "제품의 탄생" 소개
책 "제품의 탄생" 소개
SANGHEE SHIN
 
Vaimi 스토어 솔루션 소개서 서정민 130925
Vaimi 스토어 솔루션 소개서 서정민 130925Vaimi 스토어 솔루션 소개서 서정민 130925
Vaimi 스토어 솔루션 소개서 서정민 130925vaimicom
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용승원 서
 
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdfPT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
Namhee Choi
 
벤치마킹 20120329 kenny
벤치마킹 20120329 kenny벤치마킹 20120329 kenny
벤치마킹 20120329 kenny
Kenny Kim
 
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
나영 김
 
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Yejee Choi
 
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
더게임체인저스
 
SNOM 기획 관련 자료
SNOM 기획 관련 자료SNOM 기획 관련 자료
SNOM 기획 관련 자료
상현 이
 
스마트창작터
스마트창작터스마트창작터
스마트창작터
동기 홍
 
퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인정인 주
 
브랜드 스토어 솔루션 소개 바이미
브랜드 스토어 솔루션 소개 바이미브랜드 스토어 솔루션 소개 바이미
브랜드 스토어 솔루션 소개 바이미vaimicom
 
한림대학교 석세스모델링 by. 온라인브랜드디렉터강정은
한림대학교 석세스모델링 by. 온라인브랜드디렉터강정은한림대학교 석세스모델링 by. 온라인브랜드디렉터강정은
한림대학교 석세스모델링 by. 온라인브랜드디렉터강정은
JUNGEUN KANG
 
Blog02 블로그 마케팅을 위한 기업 블로그 제작
Blog02 블로그 마케팅을 위한 기업 블로그 제작Blog02 블로그 마케팅을 위한 기업 블로그 제작
Blog02 블로그 마케팅을 위한 기업 블로그 제작
Jaejun Kim
 
Earlyadopter Proposal
Earlyadopter  ProposalEarlyadopter  Proposal
Earlyadopter ProposalMatthewyoon
 
온누리Dmc ir pt_2014.06.26
온누리Dmc ir pt_2014.06.26온누리Dmc ir pt_2014.06.26
온누리Dmc ir pt_2014.06.26
David Geosung Yun
 
Whats
WhatsWhats
Whats
종현 정
 

Similar to 0812485 박혜진 mobile (20)

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
 
Vaimi 스토어 솔루션 소개서 서정민 130925
Vaimi 스토어 솔루션 소개서 서정민 130925Vaimi 스토어 솔루션 소개서 서정민 130925
Vaimi 스토어 솔루션 소개서 서정민 130925
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용
 
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdfPT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
PT_하나투어_라텔앤드파트너즈_2202_sharing.pdf
 
appbook jisu
appbook jisuappbook jisu
appbook jisu
 
벤치마킹 20120329 kenny
벤치마킹 20120329 kenny벤치마킹 20120329 kenny
벤치마킹 20120329 kenny
 
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
[카드뉴스 강의] 마마프(My Marketing Project) 2주차 강의안
 
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
 
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
[창업자&예비창업자] 로컬비즈니스를 위한 아이템고도화 및 사업계획서작성의 기초
 
SNOM 기획 관련 자료
SNOM 기획 관련 자료SNOM 기획 관련 자료
SNOM 기획 관련 자료
 
스마트창작터
스마트창작터스마트창작터
스마트창작터
 
퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인
 
브랜드 스토어 솔루션 소개 바이미
브랜드 스토어 솔루션 소개 바이미브랜드 스토어 솔루션 소개 바이미
브랜드 스토어 솔루션 소개 바이미
 
한림대학교 석세스모델링 by. 온라인브랜드디렉터강정은
한림대학교 석세스모델링 by. 온라인브랜드디렉터강정은한림대학교 석세스모델링 by. 온라인브랜드디렉터강정은
한림대학교 석세스모델링 by. 온라인브랜드디렉터강정은
 
Blog02 블로그 마케팅을 위한 기업 블로그 제작
Blog02 블로그 마케팅을 위한 기업 블로그 제작Blog02 블로그 마케팅을 위한 기업 블로그 제작
Blog02 블로그 마케팅을 위한 기업 블로그 제작
 
Earlyadopter Proposal
Earlyadopter  ProposalEarlyadopter  Proposal
Earlyadopter Proposal
 
온누리Dmc ir pt_2014.06.26
온누리Dmc ir pt_2014.06.26온누리Dmc ir pt_2014.06.26
온누리Dmc ir pt_2014.06.26
 
Whats
WhatsWhats
Whats
 

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 main sub 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