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

기말 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