전략적인 메인페이지 기획 아이보스 컨설팅 4 팀 심진희. 5 Level Depth 비주얼디자인 설계구조범위브랜드 전략 · 사이트 목적 - 사이트 성격 - 제공할 경험의 형태 - 수익 구조 · 타겟 및 니즈 설정 - 타겟 Persona - 특성 및 성향 - 니즈 분석 (

Presentation on theme: "전략적인 메인페이지 기획 아이보스 컨설팅 4 팀 심진희. 5 Level Depth 비주얼디자인 설계구조범위브랜드 전략 · 사이트 목적 - 사이트 성격 - 제공할 경험의 형태 - 수익 구조 · 타겟 및 니즈 설정 - 타겟 Persona - 특성 및 성향 - 니즈 분석 ("— Presentation transcript:

1 전략적인 메인페이지 기획 아이보스 컨설팅 4 팀 심진희

2 5 Level Depth 비주얼디자인 설계구조범위브랜드 전략 · 사이트 목적 - 사이트 성격 - 제공할 경험의 형태 - 수익 구조 · 타겟 및 니즈 설정 - 타겟 Persona - 특성 및 성향 - 니즈 분석 ( 소구점과 관련 ) · 컨셉 설정 - 스타일 및 컨셉 설정 · 기능 범위 설정 - 니즈 충족을 위해 필 요한 기능의 범위 설정 · 콘텐츠 범위 설정 - 제공할 콘텐츠의 범 위 및 세부 내용 설정 · IA (information Architecture) - 정돈된 정보 구조 기 획 ( 정보 전달 순서, 패 턴 등 ) · UX / UI - 사용자 경험, 사용자 인터페이스를 고려한 구조 · 내비게이션 - GNB (Global Navigation Bar) - LNB (Local Navigation Bar) - SNB (Sub Navigation Bar) · 카테고라이징 - 직관적인 카테고리 설계 - 고객 수요 세분화 · 시각적 배치 - 이미지, 텍스트, 버튼, 탭 배치 - 컨셉과 타겟층 고려 - 스타일에 맞는 컬러 선정 - 시각적 전달력 & 표 현력 · 역할 분담 - 기획자, 개발자, 디자 이너, 디렉터의 역할 분담 및 역할 정의 · 스케쥴 설정 · 콘텐츠 플랜 - 메인페이지 내에서 어떤 콘텐츠를 발행할 것인지 단기 / 중기 / 장 기 계획 · 메인페이지 앞뒤 시 나리오 고려 · 가상 시나리오 작성 · 벤치마킹 ( 동종업계 ) · 스토리보드 작성 · 비주얼 시안 완성 · SEO 를 고려하여 표현 - 이미지와 텍스트 비 중

3 3 Points of View 3. 표현적인 측면 2. 내용적인 측면 1. 구성적인 측면 · 전체적인 레이아웃 설정 - IA - 내비게이션 - 카테고라이징 · 사용자 편의성 고려 - UX / UI · 간결성 vs 복잡성 - 사이트 목적과 업종에 맞게 구성 · 콘텐츠 구성 및 배치 - 제공할 콘텐츠를 합리적으로 구성 및 배치 - 이미지, 텍스트, 버튼, 탭 · 디바이스 환경 : 반응형 사이트 - PC, 태블릿, 모바일 등 어떤 디바이 스로도 적합한 UX/UI · 개발적인 요소 - 각 기능에 대한 구현 방식 설정 · 내용 적합성 - 타겟의 니즈와 목적에 부합하는 내 용 제시 · 마케팅적 요소 - 소구점 제시 차별화되고 특화된 메시지 전달 ( 가격, 편의성, 혜택 등 ) - 내부 광고 활용 주력상품, BEST 상품, 이벤트 ( 상시 / 시 즌 ) 등 · 광고 채널과의 유기적 결합 - 바이럴, 키워드, 배너, SNS eg. 바이럴로 이벤트를 홍보하였다면 해당 이벤트 내용 제시 · 커뮤니케이션 요소 - 사업자와의 접근성을 높여주는 커뮤 니케이션창 마련 · 표현 적합성 컨셉에 맞게 표현 · 직관성 및 전달력 - 불필요한 정보를 넣지 말 것. ( 지저분 한 광고, 불필요한 부연설명 ) · 디자인 - 퀄리티 높은 시각적 표현 · SEO 고려 · 상품 / 서비스 - 맛있어 보이게 표현 ( 이미지 퀄리티 / 끌리는 문구 사용 ) · 기능적인 요소 - 요구사항을 너무 많이 제시하지 말 것.

4 1. 구성적인 측면 5. 시선 흐름 고려 : Golden triangle (“F” flow) 4. 정돈된 구성 : 콘텐츠가 적절하게 배치되었는가 ? (UX/UI) 3. 위치 및 크기 : 각 영역의 위치 및 크기 지정 1. 디바이스 환경별 구성 고려 : PC / 태블릿 / 모바일 7. 배너 표현 방식 지정 : 배너의 표현 방식 지정 ( 플래쉬, 롤링이미지, 고정이미지 등 ) + 적절성 판단 ( 업종 / 디바이 스환경 / 로딩속도 등 고려 ) 8. 상품 순서 : 업종 및 사업자 특성에 따라 우선순위 지정 ( 주력상품 /BEST/New Arrival/ 코디아이템 ) 11. 후기 / 실시간 현황 표현 방식 지정 : 업종에 따라 후기 의 표현 형태 지정 ( 포토후기 / 인스타그램후기 / 한줄후기 / 실시간문의현황 ) 9. 상품 개수 : 보여줄 상품의 개수 지정 ( 한줄에 3 개씩 6 줄 노출 등 ) 이미지 사이즈에 따라 가장 보기 좋은 개수 지정 2. 이미지와 텍스트의 비중 : SEO 고려하여 적절한 비중 10. 퀵 메뉴 : 어떤 기능이 들어가야 하는지 체크 ( 고정 / 이 동 등 ) 6. 내비게이션 : 내비게이션 구성 및 방식 ( 마우스오버 / 롤업 ) 지정, 내비게이션 개수 및 위치 지정 (GNB, LNB, SNB)

5 2. 내용적인 측면 2. 전체적인 내용의 흐름 : 내용 흐름상 문제가 없는가 ? 4. 카테고리 : 카테고리명이 직관적이고 적절한가 ? 고객 수요를 ( 세부적으로도 ) 충분히 반영하고 있는가 ? 카테고 리가 너무 많지는 않은가 ? 중분류를 제공하는가 ? 5. 마케팅적 요소 : 내부 광고 활용, 어떤 내용을 넣을 것 인가 ? ( 주력상품 /BEST 상품 / 시즌이벤트 / 상시이벤트 / 후 기이벤트 등 ) 3. 소구점 제시 : 사업자의 강점 및 차별점 제시 ( 가격, 편 의성, 혜택 등 ) 8. 다른 광고 및 마케팅 채널과의 유기적 결합 : 바이럴, 키워드광고, SNS, 배너, 언론홍보 ( 인스타그램과의 결합 / 바이럴 이벤트 홍보시 해당 이벤트 내용 제시 등 ) 1. 콘텐츠 범위 : 타겟과 타겟의 니즈에 맞게 콘텐츠 범위 지정, 포지션을 해치지 않도록. 6. 상품 이미지 : 구매욕을 부르기에 적절한 이미지 퀄리 티 7. 퀵 메뉴 : 어떤 내용이 들어가야 하는지 지정

6 3. 표현적인 측면 1. 스타일 지정 : 컨셉에 맞는 디자인 색상 지정 6. 로그인창 : 직관성, 적절한 크기로 표현 2. 전체적인 분위기 : 전체적인 분위기가 조화를 이루는 가 ? 9. 가독성 : 텍스트의 가독성 고려 ( 폰트, 폰트 크기, 색상, 굵기, 배치 등 ) 8. 디자인 : 퀄리티 높은 시각적 표현, 조화를 이루는 이미 지 11. 상품 / 서비스 : 맛있게 보이도록 표현 (BEST 혹은 인기 스티커를 붙인다든지 등 ) 4. 세부 내용 설정 : 각 영역별 세부 내용 설정 7. 검색창 : 직관성, 아이콘 이용 5. 로고 : 직관성, 적절한 크기로 표현 12. 이미지와 텍스트의 비중 : SEO 고려하여 적절한 비중 3. 시선 흐름 고려 : Golden triangle (“F” flow) 10. 퀵메뉴 : 직관성, 아이콘 이용