SlideShare a Scribd company logo
1 of 15
Download to read offline
Mobile Web Design


     시각 영상 디자인
    0812485 박 혜 진
1단계 전략수립(strategy / research)




      Mission & Objectives
1-1   개발 하고자 하는 사이트의 미션과 목적은 무엇인가?




                Design book web




            -디자인 관련 책을 소개해주는 목적

            -디자인 분야 중에서도 카테고리 별
             (편집,타이포,잡지/사진/그래픽/일러스트)로
             책을 분류하여 이미지와 정보를 제공
1단계 전략수립(strategy / research)




       Target Users (optional)
1-2    Primary Target 사용자와 Secondary Target 사용자를 정의


       관련 분야 종사자 / 디자인에 관심 있는 대중




        Scope of the Project
 1-3    유사/ 경쟁 사이트 벤치마킹


       국내 및 해외 서점 모바일 사이트와 디자인 블로그 리서치

       알라딘, 인터파크 도서 , 아마존닷컴

        http://m.aladin.co.kr
        http://m.book.interpark.com/
        http://www.amazon.com/gp/aw/h.html
1단계 전략수립(strategy / research)




      Scope of the Project
1-3
      유사/ 경쟁 사이트 벤치마킹

                                  온라인 서점 알라딘(http://m.aladin.co.kr)




                      메인 화면을 이미지위주로 구성 / 버튼을 누르면 네비게이션이 나타남
1단계 전략수립(strategy / research)




      Scope of the Project
1-3
      유사/ 경쟁 사이트 벤치마킹
1단계 전략수립(strategy / research)




      Scope of the Project
1-3
      유사/ 경쟁 사이트 벤치마킹

                                  인터파크 도서(http://m.book.interpark.com/)




                             기본 네비게이션이 상단에 위치, 메인에 추천도서 등을 배치
1단계 전략수립(strategy / research)




      Scope of the Project
1-3
      유사/ 경쟁 사이트 벤치마킹
1단계 전략수립(strategy / research)




      Scope of the Project
1-3
      유사/ 경쟁 사이트 벤치마킹
1단계 전략수립(strategy / research)




      Scope of the Project
1-3
      유사/ 경쟁 사이트 벤치마킹

                             아마존 닷컴(http://www.amazon.com/gp/aw/h.html)




                             많은 품목을 판매하므로 메인에 카테고리 별로 정리 배치함
1단계 전략수립(strategy / research)




      Scope of the Project
1-3
      유사/ 경쟁 사이트 벤치마킹
1단계 전략수립(strategy / research)




      Scope of the Project
1-3
      유사/ 경쟁 사이트 벤치마킹         디자인이 고픈 디자이너 블로그




                             디자인 관련 정보를 제공하는 블로그
1단계 전략수립(strategy / research)




2-1    컨셉 개발 / 개발하고자 하는 사이트의 디자인 컨셉


      -블로그 기반으로 주기적으로 업데이트되는 정보들을 쉽게 알 수 있음
       (최근에 올린 순서대로 업데이트, 카테고리 별로도 접근)

      -심플한 디자인으로 정보 제공 시 이미지와 정보들이
       쉽게 인식할 수 있도록 함.
1단계 전략수립(strategy / research)




2-2   비쥬얼 디자인




                   현재 사이트 화면
2단계 디자인 및 스펙결정 (design / Ideation)




2-2   비쥬얼 디자인
2단계 디자인 및 스펙결정 (design / Ideation)




      기술설계 / IA(Inforamtion Architecture) 정보구조 설계
2-3
      사이트의 웹페이지들(또는 컨텐츠)가 연결된 구조도


                            MAIN

                        업데이트 순 나열

                           카테고리



        편집/타이포       일러스트          사진/잡지       그래픽




       A B   C D A B     C D    A B   C D   A B      C D

More Related Content

Viewers also liked

My First Attempt on Kaggle - Higgs Machine Learning Challenge: 755st and Proud!
My First Attempt on Kaggle - Higgs Machine Learning Challenge: 755st and Proud!My First Attempt on Kaggle - Higgs Machine Learning Challenge: 755st and Proud!
My First Attempt on Kaggle - Higgs Machine Learning Challenge: 755st and Proud!Dhiana Deva
 
Agile Data Science
Agile Data ScienceAgile Data Science
Agile Data ScienceDhiana Deva
 
Inside Android's Dalvik VM - NEJUG Nov 2011
Inside Android's Dalvik VM - NEJUG Nov 2011Inside Android's Dalvik VM - NEJUG Nov 2011
Inside Android's Dalvik VM - NEJUG Nov 2011Doug Hawkins
 
JVM Internals - NHJUG Jan 2012
JVM Internals - NHJUG Jan 2012JVM Internals - NHJUG Jan 2012
JVM Internals - NHJUG Jan 2012Doug Hawkins
 
JVM Internals - Garbage Collection & Runtime Optimizations
JVM Internals - Garbage Collection & Runtime OptimizationsJVM Internals - Garbage Collection & Runtime Optimizations
JVM Internals - Garbage Collection & Runtime OptimizationsDoug Hawkins
 
Understanding Garbage Collection
Understanding Garbage CollectionUnderstanding Garbage Collection
Understanding Garbage CollectionDoug Hawkins
 
Machine Learning for Everyone
Machine Learning for EveryoneMachine Learning for Everyone
Machine Learning for EveryoneDhiana Deva
 
QCon Rio - Machine Learning for Everyone
QCon Rio - Machine Learning for EveryoneQCon Rio - Machine Learning for Everyone
QCon Rio - Machine Learning for EveryoneDhiana Deva
 
Certificate of Accreditation
Certificate of AccreditationCertificate of Accreditation
Certificate of AccreditationGRAFTEL LLC
 
Be certain in times of uncertainty
Be certain in times of uncertaintyBe certain in times of uncertainty
Be certain in times of uncertaintyRebecca Logue
 
Для конференции "Интранет в России"
Для конференции "Интранет в России"Для конференции "Интранет в России"
Для конференции "Интранет в России"Mikhail Galushko
 
高知大学危機管理セミナー2010909
高知大学危機管理セミナー2010909高知大学危機管理セミナー2010909
高知大学危機管理セミナー2010909yoshiike
 
Mga Likas Na Yaman Ng Kanlurang Asya
Mga Likas Na Yaman Ng Kanlurang AsyaMga Likas Na Yaman Ng Kanlurang Asya
Mga Likas Na Yaman Ng Kanlurang AsyaJoyce Ann Lopez
 

Viewers also liked (17)

C C Net 2002 A P R18
C C Net 2002 A P R18C C Net 2002 A P R18
C C Net 2002 A P R18
 
My First Attempt on Kaggle - Higgs Machine Learning Challenge: 755st and Proud!
My First Attempt on Kaggle - Higgs Machine Learning Challenge: 755st and Proud!My First Attempt on Kaggle - Higgs Machine Learning Challenge: 755st and Proud!
My First Attempt on Kaggle - Higgs Machine Learning Challenge: 755st and Proud!
 
Agile Data Science
Agile Data ScienceAgile Data Science
Agile Data Science
 
Газар доорхи бүтээц
Газар доорхи бүтээцГазар доорхи бүтээц
Газар доорхи бүтээц
 
Cтруктур хучилт
Cтруктур хучилтCтруктур хучилт
Cтруктур хучилт
 
Inside Android's Dalvik VM - NEJUG Nov 2011
Inside Android's Dalvik VM - NEJUG Nov 2011Inside Android's Dalvik VM - NEJUG Nov 2011
Inside Android's Dalvik VM - NEJUG Nov 2011
 
JVM Internals - NHJUG Jan 2012
JVM Internals - NHJUG Jan 2012JVM Internals - NHJUG Jan 2012
JVM Internals - NHJUG Jan 2012
 
JVM Internals - Garbage Collection & Runtime Optimizations
JVM Internals - Garbage Collection & Runtime OptimizationsJVM Internals - Garbage Collection & Runtime Optimizations
JVM Internals - Garbage Collection & Runtime Optimizations
 
Understanding Garbage Collection
Understanding Garbage CollectionUnderstanding Garbage Collection
Understanding Garbage Collection
 
Machine Learning for Everyone
Machine Learning for EveryoneMachine Learning for Everyone
Machine Learning for Everyone
 
QCon Rio - Machine Learning for Everyone
QCon Rio - Machine Learning for EveryoneQCon Rio - Machine Learning for Everyone
QCon Rio - Machine Learning for Everyone
 
Certificate of Accreditation
Certificate of AccreditationCertificate of Accreditation
Certificate of Accreditation
 
Be certain in times of uncertainty
Be certain in times of uncertaintyBe certain in times of uncertainty
Be certain in times of uncertainty
 
Для конференции "Интранет в России"
Для конференции "Интранет в России"Для конференции "Интранет в России"
Для конференции "Интранет в России"
 
Proy. artes para innovatic
Proy. artes para innovaticProy. artes para innovatic
Proy. artes para innovatic
 
高知大学危機管理セミナー2010909
高知大学危機管理セミナー2010909高知大学危機管理セミナー2010909
高知大学危機管理セミナー2010909
 
Mga Likas Na Yaman Ng Kanlurang Asya
Mga Likas Na Yaman Ng Kanlurang AsyaMga Likas Na Yaman Ng Kanlurang Asya
Mga Likas Na Yaman Ng Kanlurang Asya
 

Similar to 기말 0812485 박혜진

프로젝트실무와기획의역할
프로젝트실무와기획의역할프로젝트실무와기획의역할
프로젝트실무와기획의역할Amy Young Ah Kim
 
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할Amy Young Ah Kim
 
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)keesung 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
 
Whats 사업계획서
Whats 사업계획서Whats 사업계획서
Whats 사업계획서종현 정
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용승원 서
 
2023 과학벨트 기술사업화 역량강화(R&BD) 연구개발계획서.pdf
2023 과학벨트 기술사업화 역량강화(R&BD) 연구개발계획서.pdf2023 과학벨트 기술사업화 역량강화(R&BD) 연구개발계획서.pdf
2023 과학벨트 기술사업화 역량강화(R&BD) 연구개발계획서.pdfKwangdong Min
 
모바일웹제안서
모바일웹제안서모바일웹제안서
모바일웹제안서Jeongho Ahn
 
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Yejee Choi
 
Visual PMO / ALM 소개서
Visual PMO / ALM 소개서Visual PMO / ALM 소개서
Visual PMO / ALM 소개서Peter Kim
 
[Web Agency] Project Process Standard Guide
[Web Agency] Project Process Standard Guide[Web Agency] Project Process Standard Guide
[Web Agency] Project Process Standard GuideSang Beom (Chris) Roh
 
Web analytics 2.0 study ch.9
Web analytics 2.0 study ch.9Web analytics 2.0 study ch.9
Web analytics 2.0 study ch.9Eunyoung Kim
 
[Gastudy.net] Digital analytics fundamentals
[Gastudy.net] Digital analytics fundamentals[Gastudy.net] Digital analytics fundamentals
[Gastudy.net] Digital analytics fundamentalsSeHeung Oh
 
Elements of user experience
Elements of user experienceElements of user experience
Elements of user experienceHyunjin Yoo
 
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용Terry Cho
 

Similar to 기말 0812485 박혜진 (20)

No2ppt
No2pptNo2ppt
No2ppt
 
프로젝트실무와기획의역할
프로젝트실무와기획의역할프로젝트실무와기획의역할
프로젝트실무와기획의역할
 
프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할프로젝트실무와 기획의 역할
프로젝트실무와 기획의 역할
 
Whats
WhatsWhats
Whats
 
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
프로덕트전략디자인하기(2023년, 웹월드컨퍼런스)
 
Ppt
PptPpt
Ppt
 
How to implement your dream 20150427
How to implement your dream 20150427How to implement your dream 20150427
How to implement your dream 20150427
 
Whats 사업계획서
Whats 사업계획서Whats 사업계획서
Whats 사업계획서
 
appbook jisu
appbook jisuappbook jisu
appbook jisu
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용
 
2023 과학벨트 기술사업화 역량강화(R&BD) 연구개발계획서.pdf
2023 과학벨트 기술사업화 역량강화(R&BD) 연구개발계획서.pdf2023 과학벨트 기술사업화 역량강화(R&BD) 연구개발계획서.pdf
2023 과학벨트 기술사업화 역량강화(R&BD) 연구개발계획서.pdf
 
교바사
교바사교바사
교바사
 
모바일웹제안서
모바일웹제안서모바일웹제안서
모바일웹제안서
 
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
 
Visual PMO / ALM 소개서
Visual PMO / ALM 소개서Visual PMO / ALM 소개서
Visual PMO / ALM 소개서
 
[Web Agency] Project Process Standard Guide
[Web Agency] Project Process Standard Guide[Web Agency] Project Process Standard Guide
[Web Agency] Project Process Standard Guide
 
Web analytics 2.0 study ch.9
Web analytics 2.0 study ch.9Web analytics 2.0 study ch.9
Web analytics 2.0 study ch.9
 
[Gastudy.net] Digital analytics fundamentals
[Gastudy.net] Digital analytics fundamentals[Gastudy.net] Digital analytics fundamentals
[Gastudy.net] Digital analytics fundamentals
 
Elements of user experience
Elements of user experienceElements of user experience
Elements of user experience
 
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
 

기말 0812485 박혜진

  • 1. Mobile Web Design 시각 영상 디자인 0812485 박 혜 진
  • 2. 1단계 전략수립(strategy / research) Mission & Objectives 1-1 개발 하고자 하는 사이트의 미션과 목적은 무엇인가? Design book web -디자인 관련 책을 소개해주는 목적 -디자인 분야 중에서도 카테고리 별 (편집,타이포,잡지/사진/그래픽/일러스트)로 책을 분류하여 이미지와 정보를 제공
  • 3. 1단계 전략수립(strategy / research) Target Users (optional) 1-2 Primary Target 사용자와 Secondary Target 사용자를 정의 관련 분야 종사자 / 디자인에 관심 있는 대중 Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹 국내 및 해외 서점 모바일 사이트와 디자인 블로그 리서치 알라딘, 인터파크 도서 , 아마존닷컴 http://m.aladin.co.kr http://m.book.interpark.com/ http://www.amazon.com/gp/aw/h.html
  • 4. 1단계 전략수립(strategy / research) Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹 온라인 서점 알라딘(http://m.aladin.co.kr) 메인 화면을 이미지위주로 구성 / 버튼을 누르면 네비게이션이 나타남
  • 5. 1단계 전략수립(strategy / research) Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹
  • 6. 1단계 전략수립(strategy / research) Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹 인터파크 도서(http://m.book.interpark.com/) 기본 네비게이션이 상단에 위치, 메인에 추천도서 등을 배치
  • 7. 1단계 전략수립(strategy / research) Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹
  • 8. 1단계 전략수립(strategy / research) Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹
  • 9. 1단계 전략수립(strategy / research) Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹 아마존 닷컴(http://www.amazon.com/gp/aw/h.html) 많은 품목을 판매하므로 메인에 카테고리 별로 정리 배치함
  • 10. 1단계 전략수립(strategy / research) Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹
  • 11. 1단계 전략수립(strategy / research) Scope of the Project 1-3 유사/ 경쟁 사이트 벤치마킹 디자인이 고픈 디자이너 블로그 디자인 관련 정보를 제공하는 블로그
  • 12. 1단계 전략수립(strategy / research) 2-1 컨셉 개발 / 개발하고자 하는 사이트의 디자인 컨셉 -블로그 기반으로 주기적으로 업데이트되는 정보들을 쉽게 알 수 있음 (최근에 올린 순서대로 업데이트, 카테고리 별로도 접근) -심플한 디자인으로 정보 제공 시 이미지와 정보들이 쉽게 인식할 수 있도록 함.
  • 13. 1단계 전략수립(strategy / research) 2-2 비쥬얼 디자인 현재 사이트 화면
  • 14. 2단계 디자인 및 스펙결정 (design / Ideation) 2-2 비쥬얼 디자인
  • 15. 2단계 디자인 및 스펙결정 (design / Ideation) 기술설계 / IA(Inforamtion Architecture) 정보구조 설계 2-3 사이트의 웹페이지들(또는 컨텐츠)가 연결된 구조도 MAIN 업데이트 순 나열 카테고리 편집/타이포 일러스트 사진/잡지 그래픽 A B C D A B C D A B C D A B C D