2010 trend report

44
2010 TREND ISSUE REPORT 2010.01 V.1.0

Upload: jeongmin-park

Post on 20-Mar-2016

228 views

Category:

Documents


6 download

DESCRIPTION

마이다스아이티온라인에서 2010년 웹사이트 트랜드 외 온라인마케팅 이슈관련하여 정리한 트랜드리포트입니다. 2011년도 버젼이 조만간 나오면 공유하겠습니다.

TRANSCRIPT

Page 1: 2010 Trend Report

2010 TREND ISSUE REPORT

2010.01 V.1.0

Page 2: 2010 Trend Report
Page 3: 2010 Trend Report

2010 ONLINE,

- 3 -

2010 ONLINE,What should we focus on?

Page 4: 2010 Trend Report
Page 5: 2010 Trend Report

#01SNS(Social Network Service)

제품이나 브랜드를 경험해본 소비자의

긍정적인 입소문

01. 웹 트랜드 및 이슈

한국형 마이크로블로그

2010 HOT ISSUE 5

긍정적인 입소문을 통해 이슈를 일으키는

바이럴 마케팅은 꾸준한 웹의 화두

한국형 마이크로블로그

me2DAY

마이크로블로그 Twitter

기업에서 소비자로의

일방향 커뮤니케이션에서

소비자 중심의

쌍방향 커뮤니케이션으로 변화

블로그

Page 6: 2010 Trend Report

#02웹 접근성(Web Accessibility)

장애인이나 고령자가 웹서비스를 이용하는데

불편함이 없도록 하는

01. 웹 트랜드 및 이슈

2010 HOT ISSUE 5

불편함이 없도록 하는

‘웹 접근성 보장’의 의무화

2013년까지 단계적 의무화에 따른

글로벌 표준 기술적 한계 극복에 관심집중

행정안정부 주도

웹접근성 향상 캠페인

웹접근성 연구소 취약계층 웹접근성 비교(국내)

Page 7: 2010 Trend Report

#03클라우드 컴퓨팅(Cloud Computing)

웹기반 클라우드 컴퓨팅 서비스의 수요확장으로

애플리케이션 영역의 진화웹상에서 문서제작/관리가 가능한

01. 웹 트랜드 및 이슈

2010 HOT ISSUE 5

애플리케이션 영역의 진화에 대한

이슈가속화

웹과 PC, Mobile의 일체화를 통한

Web2.0, SaaS개념의 실현

Google docs

모바일과 웹의 동기화,

Apple mobileMe

사진편집 관리, Adobe Photoshop.com

* 클라우드컴퓨팅 : 인터넷기반(cloud)의 컴퓨팅 기술을 의미

* SaaS : Software as a Service

Page 8: 2010 Trend Report

#04오픈API,매쉬업(Open API,Mash-UP)

오픈 API의 공개 및 사용을 통한

다양한 매쉬업 서비스의 등장으로

01. 웹 트랜드 및 이슈

2010 HOT ISSUE 5

다양한 매쉬업 서비스의 등장으로

서비스 다양화 및 이슈화

오픈 API를 활용한 매쉬업이

인터넷 서비스의 진화를

이끌어갈 것으로 전망

오픈API 공유 커뮤니티,

Open On Web

지도와 분양정보의 매쉬업,

Google Housing maps

오픈 API를 활용한 Twitfile

* 매쉬업 : 웹으로 제공하고 있는 정보와 서비스를 융합하여

새로운 소프트웨어나 서비스, DB 등을 만드는 것

* API : application programming interface

Page 9: 2010 Trend Report

#05심플리시티(Simplicity)

웹2.0에서 웹3.0으로 진화 과정의 일환으로

시각적, 기능적인 UI

01. 웹 트랜드 및 이슈

2010 HOT ISSUE 5

시각적, 기능적인 UI는점점 강조되어 트랜드화

화려함에서 벗어나 사용성을

고려한 단순한 UI는 유저의

웹접근성을 높이고,지속적인 방문을 유도하여

UX를 극대화함

현대카드

SK M&C

삼성 래미안

Page 10: 2010 Trend Report
Page 11: 2010 Trend Report

동영상 활용의 확대(Dynamic Effect)

인트로, 메인 비주얼까지

단순 VIEW에서 벗어나

VISUAL EFFECT

02. 웹사이트 트랜드

하나로 연결되는 스토리라인과부드러운 전환효과 사용

단순 VIEW에서 벗어나

스토리텔링+비주얼텔링 형식으로

진화되어 그 활용이 점점 확대되고 있음 삼성, 두근두근 투마로우

삼성 모바일 jet

광고영상을 콘텐츠로, 콘텐츠를광고영상처럼 활용

모델 제스처를 CG와 결합하여동영상으로 구현

도요타월드

Page 12: 2010 Trend Report

강력해진 웹 3D모션과인터랙션 효과(Web 3D motion & Interaction)

3D 그래픽 표현을 뛰어넘어,

상호작용하는 3D 모션 활용으로

3D를 활용한 인터랙션 요소를적절하게 배치

VISUAL EFFECT

02. 웹사이트 트랜드

상호작용하는 3D 모션 활용으로

한층 사용자에게 편하게

다가갈 것으로 전망 세라토

키워드에 맞는 비주얼 모션그래픽의전개로 입체적인 공간활용

도요타

예상치 못한 공간전개와공간에 맞는 인터랙션 메뉴 배치

기아자동차 모닝

Page 13: 2010 Trend Report

서로 다른그래픽 스타일의 조화(Mixed Graphics)

색다른 이미지, 색다른 감성표현을 위한

이질적인 그래픽스타일을 접목하여감성적 샌드그래픽 스타일의 효과

VISUAL EFFECT

02. 웹사이트 트랜드

이질적인 그래픽스타일을 접목하여

생동감과 포인트를

주는 효과 활용 현대자동차

실사이미지의 효과와 소품들, 그위의일러스트를 통해 시각적으로 시원한 이이지 연출

KT Olleh

실사이미지로 인위적 답답함, 가벼움을보완

스프리스

Page 14: 2010 Trend Report

메인 구성의 변화,활용 백배 기능 살리기(Change of Main Page)

메인 비주얼을 콘텐츠와 접목시킨

메인 페이지의 기능성 구현이

웹TV처럼 화면을 활용하여에피소드 전달

LAY-OUT

02. 웹사이트 트랜드

메인 페이지의 기능성 구현이

각광받을 전망 삼성그룹

메인비주얼 영역을 서브 메인인덱스 영역으로 활용

청담어학원 디자인 진흥원

밀러맥주

전시벽보 공간으로 변신한메인비주얼 영역

Fresh Art Competition 참여작품들이 메인에 업데이트

Page 15: 2010 Trend Report

커버플로우 방식의고객 인터페이스 활용(Applied Cover flow)

애플의 파인더처럼 커버플로우 방식의

3D 슬라이드 GUI를 통한

LAY-OUT

02. 웹사이트 트랜드

3D 슬라이드 GUI를 통한

쉽고 빠른 서칭 기능은

가장 많이 활용되는 추세롯데쇼핑 30주년 기념관

파스텔뮤직

헤어스타일러 몰

CJ문화재단

Page 16: 2010 Trend Report

깊이는 줄이고정보는 정리하고(Reducing Depth & Content Arranging)

한눈에 정보를 볼 수 있는

잡지나 신문의 장점을 응용한 레이아웃은메뉴 depth는 줄이고, 콘텐츠를 한페이지씩

보여주어 사용성을 높임

LAY-OUT

02. 웹사이트 트랜드

잡지나 신문의 장점을 응용한 레이아웃은

정보전달력 향상 측면에서

중요해질 것으로 예상 인터메이저

보여주어 사용성을 높임

혁신적으로 페이지를 과감히 줄여구조적 트랜드를 생성

현대카드

한 화면내에서프레젠테이션 하는 간결한 구성

동양종합금융증권

Page 17: 2010 Trend Report
Page 18: 2010 Trend Report

검색의 진일보(Semantic Searching)

검색 이용자의

의도와 목적에 맞는 검색결과를

진화하는 포털서비스

03. 온라인마케팅 이슈

의도와 목적에 맞는 검색결과를

제시하기 위해 차세대 검색 기술 시험 연관영화정보를 쉽게 찾을 수 있는

네이버 시멘틱 영화검색

마인드맵 형식으로 연관검색이 가능한 구글 원더휠

연관정보를 쉽게 볼 수 있는 네이트 시멘틱 검색 검색성향을 보여주는 큐로보 시멘틱 검색

Page 19: 2010 Trend Report

콘텐츠 오픈 정책(Contents Open Policy)

자사의 서비스 및 콘텐츠 연결에서

타 매체 및 개인 등의

진화하는 포털서비스

03. 온라인마케팅 이슈

타 매체 및 개인 등의

외부 정보를 유통하는

기능으로 전환네이버 뉴스/오픈 캐스트

다음 뷰

네이트 커넥트 네이트 앱스토어

Page 20: 2010 Trend Report

지도서비스의 발전(Location Service)

로드뷰, 스카이뷰 및 실사 서비스와

교통, 날씨, 유가정보, 아파트시세, 학교 등의항공 파노라마서비스,

실사서비스 및 생활편익정보 결합

진화하는 포털서비스

03. 온라인마케팅 이슈

교통, 날씨, 유가정보, 아파트시세, 학교 등의

지도와 일상생활 정보 결합네이버 지도서비스

다음 지도서비스

실사서비스 및 생활편익정보 결합

로드뷰/스카이뷰 제공 및생활편익정보 결합

네이버 항공 파노라마 서비스

다음 로드뷰

Page 21: 2010 Trend Report

마이크로 블로그 열풍(Microblog)

짧은 단문으로 일상적인 주제를

포스팅을 하는 마이크로 블로그는

소셜 미디어 활성화

03. 온라인마케팅 이슈

포스팅을 하는 마이크로 블로그는

빠른 전파력과 접근용이성(웹,휴대폰,아이팟)

이라는 측면에서 주목받음 Twitter KT 마이크로 블로그

me2DAY SKT/Anycall 마이크로 블로그

Page 22: 2010 Trend Report

또 다른 매체, 블로그(Power Blogging)

블로그를 주로 바이럴 툴로

활용했던 과거와는 달리 마티즈 홍보 블로그

소셜 미디어 활성화

03. 온라인마케팅 이슈

활용했던 과거와는 달리

양질의 블로그 콘텐츠 생산을 유도하여

블로그 자체를 매체로 활용

마티즈 홍보 블로그

밀러맥주 블로그 송도 국제도시 홍보 블로그

아이스테이션 홍보 블로그

Page 23: 2010 Trend Report

배너광고의 진화, 애드네트워크(Network Advertisement)

매체와의 제휴를 통해 다수 매체의

배너광고를 하나의 묶음 상품으로

기사지면 최하단 동영상광고 전용 네트워크

네트워크광고 다양화

03. 온라인마케팅 이슈

배너광고를 하나의 묶음 상품으로

판매하여 커버리지, 타겟팅 효과를 높이는데 기여 파워비전

MMN 인터웍스

세부 타겟팅이 가능한포탈 및 언론사 광고 네트워크

언론사 기사 내 문맥 키워드 매칭광고 네트워크

Page 24: 2010 Trend Report

증강현실 세계(Augmented Reality)

사용자가 보고 있는 실사 화면에

3차원 가상 영상을 겹쳐

뉴미디어의 활성화

03. 온라인마케팅 이슈

3차원 가상 영상을 겹쳐

현실세계를 가상세계로 보완하여

웹 또는 모바일에서

실제와 같은 느낌을 전달서울모터쇼 현대자동차 홍보관스마트폰 길안내 어플리케이션

tobi.com/zugara.com

증강현실을 활용한 의류 쇼핑몰 예시

Page 25: 2010 Trend Report

IPTV도 2.0시대(IPTV 2.0)

주요 서비스의 UI개편 및이용환경 변화를 통해

TV 시청과 정보검색, 구매 등을 한 번에 해결하는올인원 IPTV로 개념과 기능을 확장

뉴미디어의 활성화

03. 온라인마케팅 이슈

이용환경 변화를 통해

고객편의제고, 수익성 개선을

실현함으로서

본격적인 서비스 예고

KT QOOK 위젯서비스

SK Broad&TV

올인원 IPTV로 개념과 기능을 확장

사용자환경(UI) 등 편의성과 콘텐츠 접근성을 개선

Page 26: 2010 Trend Report

스마트폰 시대 도래(Smart Mobile Phone)

스마트 폰을 통한 다양한 서비스 활용에 따른

모바일 검색광고에서

뉴미디어의 활성화

03. 온라인마케팅 이슈

모바일 검색광고에서

디스플레이, 애플리케이션 광고까지

광고 수익모델 연구와 적용움직임 활발

풀브라우징 서비스 모바일쇼핑서비스

모바일SNS

모바일광고의 종류 및 영역 스마트폰 시장의 견인차

애플의 아이폰/구글의 넥서스원

Page 27: 2010 Trend Report
Page 28: 2010 Trend Report

리뉴얼 CI의 메타포를 살린

OFFICIAL WEBSITE

호반건설

웹어워드 건설부문 수상작(기업홍보웹사이트)

04. 2009년 건설부문 온라인활동

세부 컨텐츠의 RIA를 활용한

사용자 편의성 극대화

리뉴얼 CI의 메타포를 살린

공간감 있는 비주얼 표현

http://www.ihoban.co.kr

Page 29: 2010 Trend Report

OFFICIAL WEBSITE

추상적 이미지가 아닌

롯데건설

04. 2009년 건설부문 온라인활동

웹어워드 건설부문 수상작(기업홍보웹사이트)

핵심정보 중심 UI 개편으로

정보 및 서비스 개선

추상적 이미지가 아닌

실사 이미지의 활용을

통한 브랜딩 강화

http://www.lottecon.co.kr

Page 30: 2010 Trend Report

BRAND WEBSITE

래미안삼성물산

SIMPLICITY의 발빠른 적용을 통한

04. 2009년 건설부문 온라인활동

웹어워드 건설부문 수상작(브랜드웹사이트)

예술적 감성을 자극하는 디자인을

활용하여 차별화된 브랜드 아이덴티티 연출

SIMPLICITY의 발빠른 적용을 통한

트랜디한 브랜드 가치 전달

http://www.raemian.co.kr

Page 31: 2010 Trend Report

BRAND WEBSITE

엠코타운 브랜드의

엠코타운현대엠코

04. 2009년 건설부문 온라인활동

웹어워드 건설부문 수상작(브랜드웹사이트)

컬러컨셉에 따른 컨텐츠 배치를 통한

사용자 접근성 확보

엠코타운 브랜드의

새로움의 소구를 위한

감성적 디자인 접근

http://www.amcotown.co.kr

Page 32: 2010 Trend Report

BRAND WEBSITE

이성모드(분양정보)와

꿈에 그린한화건설

04. 2009년 건설부문 온라인활동

웹어워드 건설부문 수상작(브랜드웹사이트)

편리와 재미의 두마리 토끼를

잡는 커뮤니케이션 채널 구성

이성모드(분양정보)와

감성모드(드림컬쳐)로 분리된

문화마케팅 컨셉으로 구성

http://www.dreamapt.co.kr

Page 33: 2010 Trend Report

SALES WEBSITE

4가지 테마컨셉을

커낼워크상가포스코건설

04. 2009년 건설부문 온라인활동

웹어워드 건설부문 수상작(분양홍보웹사이트)

스크롤 없는 페이지뷰를

채택하여 정보전달력 확보

4가지 테마컨셉을

가상공간 투어가 가능하도록

3D비주얼화

http://canalwalk.songdothesharp.co.kr

Page 34: 2010 Trend Report

삼성건설 래미안,

BRAND WEBSITE

분양정보와 고객컨텐츠의

심플리시티 활용

건설부문 브랜드 웹사이트 이슈

04. 2009년 건설부문 온라인활동

삼성건설 래미안,

히든 메뉴를 활용한 심플한 메인 화면

롯데건설 롯데캐슬,

슬라이딩 메뉴로 한눈에 확인 가능한 다양한정보

로고 및 모델을 활용한 디자인에서

감성소구를 최소화시킨

기능성을 확대시킨 디자인으로의 개편

분양정보와 고객컨텐츠의

사용성 확대를 위한

정보구조,UI의 단순화

현대건설 힐스테이트,

종합포탈을 연상시키는 정보 구성

Page 35: 2010 Trend Report

BRAND WEBSITE

정보 탐색고객군을 고려한

간결한 정보전달

건설부문 브랜드 웹사이트 이슈

04. 2009년 건설부문 온라인활동

가독성을 고려한 폰트서식설정

롯데건설 롯데캐슬,

와이드한 화면구성으로 시원한 정보전달

불필요한 가능의 축소, 정리를 통한

핵심 정보의 강조

정보 탐색고객군을 고려한

와이드 콘텐츠 전개, 서식의 설정

좌우 퀵메뉴를 없앤 콘텐츠

집중형 분양정보

Page 36: 2010 Trend Report

BRAND WEBSITE

분양정보와 고객컨텐츠의

소통을 위한 노력

고객참여를 위한 상시 게시판 운영

건설부문 브랜드 웹사이트 이슈

04. 2009년 건설부문 온라인활동

편리와 재미의 두마리 토끼를

잡는 커뮤니케이션 채널 구성

분양정보와 고객컨텐츠의

사용성 확대를 위한

정보구조,UI의 단순화

고객참여를 위한 상시 게시판 운영

고객의 시각으로 보는 상품의견의 콘텐츠화

다양한 고객참여 채널 구성

Page 37: 2010 Trend Report

SALES WEBSITE

플래시 컨텐츠 활용을 통한

지도서비스의입지정보 활용

한강신도시 이편한세상

분양홍보 웹사이트 이슈

04. 2009년 건설부문 온라인활동

위성사진 등의 객관적인

외부 콘텐츠를 활용하여

입지정보의 신뢰성 확보

플래시 컨텐츠 활용을 통한

입지정보의 동적구성으로

웹만의 차별화 요소 창출

한강신도시 이편한세상

항공/위성사진을 활용한 갤러리아 포레, 한강신도시 래미안

가재울 래미안 & 이편한세상

Page 38: 2010 Trend Report

SALES WEBSITE

고객 정보탐색 시점

고객편의기능다양화

청약가점계산기

분양홍보 웹사이트 이슈

04. 2009년 건설부문 온라인활동

외부 이탈 및 불편요소를 최소화하여

원스톱 정보 획득 채널 구성

고객 정보탐색 시점

편의 기능 구성

추천이메일보내기

청약가점계산기

나의 분양금 계산하기

주택형환산기

Page 39: 2010 Trend Report

PROMOTION

컨텐츠 영역으로의 확장되는

Transparent Interactive AD의 도입으로

ADVERTISING

온라인 마케팅 이슈(건설부문)

04. 2009년 건설부문 온라인활동

광고의 콘텐츠화를 통한

효율/효과 향상 노력

≫ 닥터아파트와 부동산뱅크의

우측배너 텍스트화

≫ 조인스랜드 우측빅배너의 기사영역화

Transparent Interactive AD의 도입으로

다양한 Creative 시도 예상

닥터아파트,

수퍼보드/중단 TI배너광고

부동산뱅크/닥터아파트,

우측배너 개편

조인스랜드 우측빅배너 개편

Page 40: 2010 Trend Report

PROMOTION

브랜드력이 약한 중견브랜드를 위주로

분양시점 관심고객등록(고객DB) 활성화를 위한

EVENT

온라인 마케팅 이슈(건설부문)

04. 2009년 건설부문 온라인활동

웹진이나 브랜드 사이트가 구성되어있는

브랜드의 경우,

고객 유지 및 관련 웹사이트 활성화차원의 정기 이벤트 실시

분양시점 관심고객등록(고객DB) 활성화를 위한

스팟 이벤트의 활성화관심고객등록이벤트

웹진을 통한 유지 이벤트

Page 41: 2010 Trend Report
Page 42: 2010 Trend Report

단순, 간결하게 구성된

웹사이트를 구성하여

BRANDING

이슈&확산

성공하는 브랜딩 전략 제안

05. 2010년 건설부문 브랜딩 전략

자연스러운 확산을 위한

콘텐츠 확산채널 구성

웹사이트를 구성하여

랜딩페이지로서 이슈화 정보 전달력 확보

고객의 눈을 한번에 사로잡는이슈 콘텐츠를 기획 및 관리

간결한 정보전달 웹사이트

콘텐츠 확산 채널

(SNS 매체)

이슈컨텐츠생산(프로모션, 브랜드컨셉)

Page 43: 2010 Trend Report

BRANDING

고객과 다양한 접점에서의 소통이

브랜드 파워와 직결

소통

오프라인 서포터즈 활동

성공하는 브랜딩 전략 제안

05. 2010년 건설부문 브랜딩 전략

고객소통 콘텐츠의 활용이

앞으로 온라인 브랜딩 트랜드로

자리잡을 것으로 예상

브랜드 파워와 직결 오프라인 서포터즈 활동

온라인 커뮤니티

고객소통 콘텐츠의 활용

웹사이트 콘텐츠 웹진

Page 44: 2010 Trend Report

Thank YouThank You