Index

1. Background & Objective

2. Implementation Strategy

3. Detail Approach

4. Appendix

- Ideation

- Project Management

- Schedule & Budget

F1 Comms. Implementation Strategy

• IA Approach

• 체험학습(體驗學習: UX)

• 표준코딩

• UI - 디자인접근, Sub Page Design

• SNS & Viral

• 효율적인 개발

Index

1. Background & Objective

2. Implementation Strategy

3. Detail Approach

4. Appendix

- Ideation

- Project Management

- Schedule & Budget

F1 Comms. IA Strategy

3D TV 막연히 알고 있음

기초지식 X

3D TV 구매의향 있음

사전지식 O

LGD 북미 소비자의 부류

* IA- Information Architecture(웹사이트의 사용자접근 정보구조)

F1 Comms. IA Strategy

소비자 고객별 접근방식을 차별화하여 접근

3D TV 막연히 알고 있음

기초지식 X

3D TV 구매의향 있음

사전지식 O

흥미, 감성적 접근 사실, 이성적 접근

F1 Comms. IA Strategy

소비자 고객별 접근방식을 차별화하여 접근

3D TV 막연히 알고 있음

기초지식 X

3D TV 구매의향 있음

사전지식 O

흥미, 감성적 접근 사실, 이성적 접근

Interactive를 통한 기초지식전달

(3D TV, SG/FPR방식 비교)

신뢰있는 페이지구성 기술내용, 비교분석

장점제시

F1 Comms.

Main Page

About 3D TV 3D TV 전반적인 개요

3D TV? 3D TV 개요

Principle of 3D TV 3D TV 원리

Smart Knowledge 3D TV 오해와 바로잡기

Mission Impossible FPR 3D TV개요/SG VS FPR의 체험/학습 컨텐츠

※ 고객 협의 후 추가 및 수정

IA Approach

SG VS FPR SG와 FPR방식의 비교

SG VS FPR SG와 FPR방식의 비교

Principle of FPR FPR방식의 원리/기술정보

Buying Guide 3D TV 구매가이드

Buying Tip 3D TV 구매 Tip

On/Offline Shop 구매경로 링크 제공

기초지식전달 Interactive Content

기술내용, 비교분석

General Info

•Share Button -사이트 방문자의 Twitter, Facebook 에 링크바이럴

•News Board -공지사항, 최신뉴스, 이벤트공지

F1 Comms.

예) NAVER Smart Editor - http://inside.naver.com/smarteditor

체험학습(體驗學習: UX): ‘흥미’접근+’체험’유도 쉽고 강한 학습효과

“Interactive + Experience Learning”

‘흥미’접근1: Interactive

일반적 접근은 흥미조차 주지 못함, Interactive를 통해 흥미/관심 유발

3D TV개요, SG/FPR비교

About 3D TV

SG VS FPR

Comfortable

일반적/보편적 접근 X 시각적 흥미유발, 짧으면서 강력한 전달

제약된 공간/시간에 구애 받는 TV 광고 대비 온라인에서는 플래시 애니메이션을 활용함으로써 보다 강렬하고 흥미롭게 정보를 표현

SG VS FPR

Human Friendly

SG VS FPR

Flicker

F1 Comms. 체험학습(體驗學習: UX): ‘흥미’접근+’체험’유도 쉽고 강한 학습효과

“Interactive + Experience Learning”

‘흥미’접근2: Parody

사전학습없이도 관심유발, 위트/재미전달

예) 톰 크루즈 주연의 미션임파서블 1의 대표적 장면

북미에 잘 알려진 블록버스터 영화 ‘미션임파서블’패러디 + 영화 대표장면을 학습소재로 활용

강한 관심유발/거부감없는 접근, 사전학습없이 충분히 위트와 재미전달

F1 Comms. 체험학습(體驗學習: UX): ‘흥미’접근+’체험’유도 쉽고 강한 학습효과

“Interactive + Experience Learning”

‘체험’유도1: 클릭유도

Interactive로 접근 체험으로 연결

Click

Click

Click

Click

학습소구 메시지/대상에 사용자의 클릭유도를 통한 능동적, 체험적 학습효과

예) KIA K7 Web Site - http://k7.kia.co.kr

제품자체에 클릭유도를 통해 소구포인트의 직접적인 브랜드메세지 체험

F1 Comms. 체험학습(體驗學習: UX): ‘흥미’접근+’체험’유도 쉽고 강한 학습효과

“Interactive + Experience Learning”

‘체험’유도2: 미션전개

각 소구주제별 미션전개 쉽고 빠른 이해/학습효과

About 3D TV

SG VS FPR

Comfortable

SG VS FPR

Human Friendly

SG VS FPR

Flicker

영화 ‘미션임파서블’을 패러디로한 소구주제별 흥미/재미있는 미션전개

Step1: 소구챕터선택

3D TV개요, SG/FPR비교

Step2: 레이저 보안장치를 통과해야함

Step6 학습메세지: FPR안경의 특징인 깜박임 없음이 학습됨

Step3: 보안장치 통과를 위한 안경장비 선택

Step4: SG안경과 FPR안경중 택일후 미션진행

Step5: FPR안경선택 미션성공!

F1 Comms. 체험학습(體驗學習: UX): ‘흥미’접근+’체험’유도 쉽고 강한 학습효과

“Interactive + Experience Learning”

‘체험’유도2: 미션전개

주제별 위트 넘치고 희화적/개그스러운 비교체험

SG=삼성=파란색안경 VS FPR=LG=붉은색안경 중 선택

SG는 깜박거리고 FPR은 선명!

이미지만으로 Fun! 박장대소 웃으면서 즐겁게 학습!

FPR안경의 특징인 깜박임 없음 학습됨

F1 Comms. 표준코딩

크로스브라우징/표준코딩 구글검색엔진 필터링 및 다양한 브라우저고객들의 사이트접근성 극대화

• 웹 접근성 향상 • 다양한 브라우저 지원 • 다양한 모바일 환경 지원

W3C 웹 기술 표준화 가이드 라인 준수

• W3C의 표준 문법을 준수합니다. • 문자셋(charset)과 자연어를 명시합니다. • 의미 있는 태그로 마크업 합니다. • 테이블을 바르게 사용합니다. • 문서의 구조와 표현을 분리합니다. • 보편적 접근을 보장합니다. • 특수문자는 Entity 코드로 변환합니다. • HTML 주석 가이드를 철저히 합니다.

Top5 Browsers in North America •IE-50.09% •Firefox-26.32% •Chrome-12.47% •Safari-9.73%

*Firefox+Chrome+Safari=48.52% *근거) gs.statcounter.com statcounter.com은 국내외 브라우저사용률에 따른 근거로써 가장 많이 활용됨

효과

F1 Comms. UI - 디자인접근

Main Page의 두가지 Type 제시: 흥미유발 or 신뢰감

Type A Type B

Design

Characteristic Interactive Main One web

Flash O X

Loading Time O X

Intro page O X

Strengths

강렬한 Visual Impact 페이지 전체에서 Interaction 가능

고도화 된 GUI 구조 딱딱한 정보를 재미있고 부드럽게 표현가능

Multi device에 최적화 유연한 구조의 인터페이스

정보전달의 직관성 Page load time 최소화

Global Trend

Weaknesses 소비자 접점 축소

Mobile Web 추가구축필요 메인 페이지의 전달요소 축소 Entertainment 요소의 감소

F1 Comms. UI - 디자인접근

Main Page의 두가지 Type 제시: 흥미유발 or 신뢰감

Characteristic Flash Loading Time Intro page Strengths Weaknesses

Interactive Main

O O O 강렬한 Visual Impact, 페이지 전체에서 Interaction 가능,

고도화 된 GUI 구조, 딱딱한 정보를 재미있고 부드럽게 표현가능 소비자 접점 축소,

Mobile Web 추가구축필요

Type A

F1 Comms. UI - 디자인접근

Main Page의 두가지 Type 제시: 흥미유발 or 신뢰감

Type B

Characteristic Flash Loading Time Intro page Strengths Weaknesses

One web X X X Multi device에 최적화, 유연한 구조의 인터페이스, 정보전달의 직관성,

Page load time 최소화, Global Trend 메인 페이지의 전달요소 축소, Entertainment 요소의 감소

F1 Comms. UI - 디자인접근

• Interactive Content 시안

Interactive Content 시안

F1 Comms. UI - Sub Page Design

Joshua Johnson의 '15 Design Tips to Learn From Apple‘의 6가지 키포인트 적용

#1: Keep it Simple(단순화), #2: Use Amazing Product Shots(효과적인 사진활용), #3: Be Confident(자신감있는 표현), #4: Contrast is Key(명확한 칼라대비)

#5: Use a Strong Grid(강력한 그리드사용), #6: Avoid Flash(Flash플러그인 비사용)

명확하고 확실한 신뢰감제공

출처)designshack의 joshua johnson 포스트: http://designshack.co.uk/articles/inspiration/15-design-tips-to-learn-from-apple

#1: Keep it Simple #3: Be Confident #2: Use Amazing Product Shots

#5: Use a Strong Grid #4: Contrast is Key #6: Avoid Flash

F1 Comms. SNS & Viral - Interactive Content의 확산

Fun + Parody접목된 Interactive Contents의 확산을 통해 학습대상 확장

이용자

How to Move?

Mission Impossible

FPR

x

Interactive Contents Main Page예시

America SNS Viral Unique Visitiors -TWEET 22,400,000 -Facebook 128,000,000

Interactive Contents를 학습에만 제한하는 것이 아닌 SNS바이럴을 통한 확산 및 방문 유도

방문

확산

예) Social Reflextion Info Graphic - http://www.comete.com

F1 Comms. SNS & Viral - General Information

Sub Page하단에 각종 SNS확산 API적용, 추가적인 확산 기능제공

서브 페이지별 SNS 확산 추가방문유도

예) The New York Times - http://www.nytimes.com

이용자

각 서브 페이지마다 SNS 바이럴 API적용

확산

F1 Comms. Admin Approach: 효율적인 Site 관리 All-In-One Management System

•효율적 관리를 목표로 웹 전문 인력의 업무과다를 분산, 부서별 전문인력을 관리자로 적소활용, 업무 효율성 도모 •Admin Main Page에서 사이트의 모든 메뉴의 제어가 가능, 관리자 등급에 따른 데이터 접근의 권한을 부여

통합 관리 환경 관리자 등급화 제품 관리 로그분석 회원관리 게시판관리 뉴스관리 이벤트관리

ADMIN

예) 삼양사 Admin Mode

F1 Comms. Admin Approach: 효율적인 Site 관리 Administrator Level System

•자료의 성격, 분류에 따라 권한 설정 - 자료성격, 분류 등에 따라 수직적 권한부여/계층적 관리 및 데이터 분산 관리

• 전체 데이터 관리

• 그룹 관리자 생성 및 관리

• 그룹 관리자 권한 설정

• 특정 데이터 관리자 관리

수퍼관리자

• 해당 그룹 데이터

• 특정데이터 관리자 생성 및 관리

• 하위 관리자 권한 설정

그룹 관리자

• 해당 데이터 관리

특정 데이터 관리자

수퍼관리자

그룹 관리자

특정 데이터 관리자

Index

1. Background & Objective

2. Implementation Strategy

3. Detail Approach

4. Appendix

- Ideation

- Project Management

- Schedule & Budget

F1 Comms. Ideation - Interactive Contents의 Social Movie화

Interactive Contents의 One Source Multiusing Movie화하여 유투브에 추가 Viral

Flash로 만들어진 Interactive Contents를 FLV형태로 전환 URL퍼가기를 통해 유투브에 추가적인 바이럴

패러디 영상은 유투브의 미션임파서블 컨텐츠옆에 놓이므로 자연스럽게 붐업!

F1 Comms. Project 관리방안: 각 조직별 R&R

Communication Project & Campaign Mother

Business Management/ Risk Management Schedule Control Creative Direction

Phase별 Decision Making

Project Management Web Site

Implementation

LG CNS LG Display F1 Comms.