2010 TREND ISSUE REPORT
2010.01 V.1.0
2010 ONLINE, What should we focus on?
-3-
01. 웹 트랜드 및 이슈
2010 HOT ISSUE 5
#01 SNS
(Social Network Service) 제품이나 브랜드를 경험해본 소비자의
긍정적인 입소문을 통해 이슈를 일으키는
한국형 마이크로블로그 me2DAY
바이럴 마케팅은 꾸준한 웹의 화두
기업에서 소비자로의 일방향 커뮤니케이션에서 소비자 중심의
쌍방향 커뮤니케이션으로 변화
마이크로블로그 Twitter
블로그
01. 웹 트랜드 및 이슈
2010 HOT ISSUE 5
#02 웹 접근성
(Web Accessibility) 장애인이나 고령자가 웹서비스를 이용하는데 불편함이 없도록 하는
‘웹 접근성 보장’의 의무화 행정안정부 주도 웹접근성 향상 캠페인
2013년까지 단계적 의무화에 따른 글로벌 표준 기술적 한계 극복에 관심집중
웹접근성 연구소
취약계층 웹접근성 비교(국 내)
01. 웹 트랜드 및 이슈
2010 HOT ISSUE 5
#03 클라우드 컴퓨팅 (Cloud Computing)
웹기반 클라우드 컴퓨팅 서비스의 수요확장으로
웹상에서 문서제작/관리가 가능한 Google docs
애플리케이션 영역의 진화에 대한 이슈가속화
웹과 PC, Mobile의 일체화를 통한
Web2.0, SaaS개념의 실현 모바일과 웹의 동기화, Apple mobileMe
* 클라우드컴퓨팅 : 인터넷기반(cloud)의 컴퓨팅 기술을 의미 * SaaS : Software as a Service
사진편집 관리, Adobe Photoshop.com
01. 웹 트랜드 및 이슈
2010 HOT ISSUE 5
#04 오픈API,매쉬업 (Open API,Mash-UP) 오픈 API의 공개 및 사용을 통한 다양한 매쉬업 서비스의 등장으로 서비스 다양화 및 이슈화 오픈API 공유 커뮤니티, Open On Web
오픈 API를 활용한 매쉬업이 인터넷 서비스의 진화를 이끌어갈 것으로 전망
지도와 분양정보의 매쉬업, Google Housing maps
* 매쉬업 : 웹으로 제공하고 있는 정보와 서비스를 융합하여 새로운 소프트웨어나 서비스, DB 등을 만드는 것 * API : application programming interface 오픈 API를 활용한 Twitfile
01. 웹 트랜드 및 이슈
2010 HOT ISSUE 5
#05 심플리시티 (Simplicity)
웹2.0에서 웹3.0으로 진화 과정의 일환으로
시각적, 기능적인 UI는 점점 강조되어 트랜드화 현대카드
화려함에서 벗어나 사용성을 고려한 단순한 UI는 유저의
웹접근성을 높이고, 지속적인 방문을 유도하여
SK M&C
UX를 극대화함
삼성 래미안
02. 웹사이트 트랜드
VISUAL EFFECT
동영상 활용의 확대 (Dynamic Effect)
하나로 연결되는 스토리라인과 부드러운 전환효과 사용
인트로, 메인 비주얼까지 단순 VIEW에서 벗어나
스토리텔링+비주얼텔링 형식으로 진화되어 그 활용이 점점 확대되고 있음
삼성, 두근두근 투마로우
모델 제스처를 CG와 결합하여 동영상으로 구현
도요타월드
광고영상을 콘텐츠로, 콘텐츠를 광고영상처럼 활용 삼성 모바일 jet
02. 웹사이트 트랜드
VISUAL EFFECT
강력해진 웹 3D모션과 인터랙션 효과 (Web 3D motion & Interaction)
3D를 활용한 인터랙션 요소를 적절하게 배치
3D 그래픽 표현을 뛰어넘어,
상호작용하는 3D 모션
활용으로
한층 사용자에게 편하게 다가갈 것으로 전망
세라토
예상치 못한 공간전개와 공간에 맞는 인터랙션 메뉴 배치
기아자동차 모닝
키워드에 맞는 비주얼 모션그래픽의 전개로 입체적인 공간활용
도요타
02. 웹사이트 트랜드
VISUAL EFFECT
서로 다른 그래픽 스타일의 조화 (Mixed Graphics)
색다른 이미지, 색다른 감성표현을 위한 감성적 샌드그래픽 스타일의 효과
이질적인 그래픽스타일을 접목하여 생동감과 포인트를 주는 효과 활용
현대자동차
실사이미지로 인위적 답답함, 가벼움을보완
스프리스
실사이미지의 효과와 소품들, 그위의 일러스트를 통해 시각적으로 시원한 이이지 연출 KT Olleh
02. 웹사이트 트랜드
LAY-OUT
메인 구성의 변화, 활용 백배 기능 살리기 (Change of Main Page)
웹TV처럼 화면을 활용하여 에피소드 전달
메인 비주얼을 콘텐츠와 메인 페이지의 기능성 구현이 각광받을 전망
접목시킨 Fresh Art Competition 참여 작품들이 메인에 업데이트
삼성그룹
밀러맥주
메인비주얼 영역을 서브 메인 인덱스 영역으로 활용
청담어학원
전시벽보 공간으로 변신한 메인비주얼 영역
디자인 진흥원
02. 웹사이트 트랜드
LAY-OUT
커버플로우 방식의 고객 인터페이스 활용 (Applied Cover flow)
애플의 파인더처럼 커버플로우 방식의
3D 슬라이드 GUI를 통한 쉽고 빠른 서칭 기능은 가장 많이 활용되는 추세
롯데쇼핑 30주년 기념관
헤어스타일러 몰
CJ문화재단
파스텔뮤직
02. 웹사이트 트랜드
LAY-OUT
깊이는 줄이고 정보는 정리하고
(Reducing Depth & Content Arranging) 한눈에 정보를 볼 수 있는
잡지나 신문의 장점을 응용한 레이아웃은 정보전달력 향상 측면에서 중요해질 것으로 예상
메뉴 depth는 줄이고, 콘텐츠를 한페이지씩 보여주어 사용성을 높임
인터메이저
혁신적으로 페이지를 과감히 줄여 구조적 트랜드를 생성
한 화면내에서 프레젠테이션 하는 간결한 구성
현대카드
동양종합금융증권
03. 온라인마케팅 이슈
진화하는 포털서비스
검색의 진일보
(Semantic Searching)
검색 이용자의
의도와 목적에 맞는 검색결과를 제시하기 위해 차세대 검색 기술 시험
연관영화정보를 쉽게 찾을 수 있는 네이버 시멘틱 영화검색
마인드맵 형식으로 연관검색이 가능한 구글 원더휠
연관정보를 쉽게 볼 수 있는 네이트 시멘틱 검색
검색성향을 보여주는 큐로보 시멘틱 검색
03. 온라인마케팅 이슈
진화하는 포털서비스
콘텐츠 오픈 정책 (Contents Open Policy)
자사의 서비스 및 콘텐츠 연결에서 타 매체 및 개인 등의
외부 정보를 유통하는
네이버 뉴스/오픈 캐스트
기능으로 전환 다음 뷰
네이트 커넥트
네이트 앱스토어
03. 온라인마케팅 이슈
진화하는 포털서비스
지도서비스의 발전 (Location Service)
로드뷰, 스카이뷰 및 실사 서비스와 교통, 날씨, 유가정보, 아파트시세, 학교 등의
항공 파노라마서비스, 실사서비스 및 생활편익정보 결합
지도와 일상생활 정보 결합 네이버 항공 파노라마 서비스
네이버 지도서비스
로드뷰/스카이뷰 제공 및 생활편익정보 결합
다음 로드뷰
다음 지도서비스
03. 온라인마케팅 이슈
소셜 미디어 활성화
마이크로 블로그 열풍 (Microblog)
짧은 단문으로 일상적인 주제를 포스팅을 하는 마이크로 블로그는
빠른 전파력과 접근용이성(웹,휴대폰,아이팟) 이라는 측면에서 주목받음
Twitter KT 마이크로 블로그
me2DAY SKT/Anycall 마이크로 블로그
03. 온라인마케팅 이슈
소셜 미디어 활성화
또 다른 매체, 블로그 (Power Blogging)
블로그를 주로 바이럴 툴로 활용했던 과거와는 달리 양질의 블로그 콘텐츠 생산을 유도하여
마티즈 홍보 블로그
블로그 자체를 매체로 활용 아이스테이션 홍보 블로그
밀러맥주 블로그
송도 국제도시 홍보 블로그
03. 온라인마케팅 이슈
네트워크광고 다양화
배너광고의 진화, 애드네트워크 (Network Advertisement)
기사지면 최하단 동영상광고 전용 네트워크
매체와의 제휴를 통해 다수 매체의
배너광고를 하나의 묶음 상품으로 판매하여 커버리지, 타겟팅 효과를 높이는데 기여
세부 타겟팅이 가능한 포탈 및 언론사 광고 네트워크
MMN
파워비전
언론사 기사 내 문맥 키워드 매칭 광고 네트워크
인터웍스
03. 온라인마케팅 이슈
뉴미디어의 활성화
증강현실 세계 (Augmented Reality)
사용자가 보고 있는 실사 화면에 3차원 가상 영상을 겹쳐
현실세계를 가상세계로 보완하여 웹 또는 모바일에서 실제와 같은 느낌을 전달
스마트폰 길안내 어플리케이션
서울모터쇼 현대자동차 홍보관
증강현실을 활용한 의류 쇼핑몰 예시
tobi.com/zugara.com
03. 온라인마케팅 이슈
뉴미디어의 활성화
IPTV도 2.0시대 (IPTV 2.0)
UI개편 및 이용환경 변화를 통해 주요 서비스의
고객편의제고, 수익성 개선을 실현함으로서 본격적인 서비스 예고
TV 시청과 정보검색, 구매 등을 한 번에 해결하는 올인원 IPTV로 개념과 기능을 확장
SK Broad&TV
사용자환경(UI) 등 편의성과 콘텐츠 접근성을 개선
KT QOOK 위젯서비스
03. 온라인마케팅 이슈
뉴미디어의 활성화
스마트폰 시대 도래 (Smart Mobile Phone)
스마트 폰을 통한 다양한 서비스 활용에 따른 모바일 검색광고에서 디스플레이, 애플리케이션 광고까지
풀브라우징 서비스
광고 수익모델 연구와 적용
모바일쇼핑서비 스
모바일SNS
움직임 활발
모바일광고의 종류 및 영역
스마트폰 시장의 견인차 애플의 아이폰/구글의 넥서스원
04. 2009년 건설부문 온라인활동
웹어워드 건설부문 수상작(기업홍보웹사이트)
OFFICIAL WEBSITE
호반건설
리뉴얼 CI의 메타포를 살린
공간감 있는 비주얼 표현 세부 컨텐츠의 RIA를 활용한
사용자 편의성 극대화
http://www.ihoban.co.kr
04. 2009년 건설부문 온라인활동
웹어워드 건설부문 수상작(기업홍보웹사이트)
OFFICIAL WEBSITE
롯데건설
추상적 이미지가 아닌
실사 이미지의 활용을 통한 브랜딩 강화
핵심정보 중심 UI 개편으로 정보 및 서비스 개선
http://www.lottecon.co.kr
04. 2009년 건설부문 온라인활동
웹어워드 건설부문 수상작(브랜드웹사이트)
BRAND WEBSITE
래미안
삼성물산
SIMPLICITY의 발빠른 적용을 통한 트랜디한 브랜드 가치 전달
예술적 감성을 자극하는 디자인을 활용하여 차별화된 브랜드 아이덴티티 연출
http://www.raemian.co.kr
04. 2009년 건설부문 온라인활동
웹어워드 건설부문 수상작(브랜드웹사이트)
BRAND WEBSITE
엠코타운 현대엠코
엠코타운 브랜드의 새로움의 소구를 위한
감성적 디자인 접근 컬러컨셉에 따른 컨텐츠 배치를 통한 사용자 접근성 확보
http://www.amcotown.co.kr
04. 2009년 건설부문 온라인활동
웹어워드 건설부문 수상작(브랜드웹사이트)
BRAND WEBSITE
꿈에 그린 한화건설
이성모드(분양정보)와 감성모드(드림컬쳐)로 분리된
문화마케팅 컨셉으로 구성 편리와 재미의 두마리 토끼를 잡는 커뮤니케이션 채널 구성
http://www.dreamapt.co.kr
04. 2009년 건설부문 온라인활동
웹어워드 건설부문 수상작(분양홍보웹사이트)
SALES WEBSITE
커낼워크상가 포스코건설
4가지 테마컨셉을
가상공간 투어가 가능하도록 3D비주얼화
스크롤 없는 페이지뷰를 채택하여 정보전달력 확보
http://canalwalk.songdothesharp.co.kr
04. 2009년 건설부문 온라인활동
건설부문 브랜드 웹사이트 이슈
BRAND WEBSITE
심플리시티 활용 삼성건설 래미안, 히든 메뉴를 활용한 심플한 메인 화면
분양정보와 고객컨텐츠의 사용성 확대를 위한
정보구조,UI의 단순화 로고 및 모델을 활용한 디자인에서 감성소구를 최소화시킨
기능성을 확대시킨 디자인으로의 개편 현대건설 힐스테이트, 종합포탈을 연상시키는 정보 구성
롯데건설 롯데캐슬, 슬라이딩 메뉴로 한눈에 확인 가능한 다양한 정보
04. 2009년 건설부문 온라인활동
건설부문 브랜드 웹사이트 이슈
BRAND WEBSITE
간결한 정보전달
정보 탐색고객군을 고려한
가독성을 고려한 폰트서식설정
와이드 콘텐츠 전개, 서식의 설정 불필요한 가능의 축소, 정리를 통한 핵심 정보의 강조
좌우 퀵메뉴를 없앤 콘텐츠 집중형 분양정보
롯데건설 롯데캐슬, 와이드한 화면구성으로 시원한 정보전달
04. 2009년 건설부문 온라인활동
건설부문 브랜드 웹사이트 이슈
BRAND WEBSITE
소통을 위한 노력 고객참여를 위한 상시 게시판 운영
분양정보와 고객컨텐츠의 사용성 확대를 위한
정보구조,UI의 단순화 편리와 재미의 두마리 토끼를 잡는 커뮤니케이션 채널 구성
다양한 고객참여 채널 구성
고객의 시각으로 보는 상품의견의 콘텐츠화
04. 2009년 건설부문 온라인활동
분양홍보 웹사이트 이슈
SALES WEBSITE
지도서비스의 입지정보 활용 한강신도시 이편한세상
플래시 컨텐츠 활용을 통한 입지정보의 동적구성으로
웹만의 차별화 요소 창출
가재울 래미안 & 이편한세상
위성사진 등의 객관적인 외부 콘텐츠를 활용하여 입지정보의
신뢰성 확보
항공/위성사진을 활용한 갤러리아 포레, 한강신도시 래미안
04. 2009년 건설부문 온라인활동
분양홍보 웹사이트 이슈
SALES WEBSITE
고객편의기능 다양화
청약가점계산기
고객 정보탐색 시점
편의 기능
구성 주택형환산기
외부 이탈 및 불편요소를 최소화하여 원스톱 정보 획득 채널 구성
나의 분양금 계산하기
추천이메일보내기
04. 2009년 건설부문 온라인활동
온라인 마케팅 이슈(건설부문)
PROMOTION
ADVERTISING
컨텐츠 영역으로의 확장되는
Transparent Interactive AD의 도입으로 다양한 Creative 시도 예상 닥터아파트, 수퍼보드/중단 TI배너광고
광고의 콘텐츠화를 통한 효율/효과 향상 노력 ≫ 닥터아파트와 부동산뱅크의 우측배너 텍스트화 ≫ 조인스랜드 우측빅배너의 기사영역화
부동산뱅크/닥터아파트, 우측배너 개편
조인스랜드 우측빅배너 개편
04. 2009년 건설부문 온라인활동
온라인 마케팅 이슈(건설부문)
PROMOTION
EVENT
브랜드력이 약한 중견브랜드를 위주로 분양시점 관심고객등록(고객DB) 활성화를 위한
스팟 이벤트의 활성화 관심고객등록이벤트
웹진이나 브랜드 사이트가 구성되어있는 브랜드의 경우,
고객 유지 및 관련 웹사이트 활성화 차원의 정기 이벤트 실시
웹진을 통한 유지 이벤트
05. 2010년 건설부문 브랜딩 전략
성공하는 브랜딩 전략 제안
BRANDING
이슈&확산
단순, 간결하게 구성된 웹사이트를 구성하여 랜딩페이지로서 이슈화 정보 전달력 확보 간결한 정보전달 웹사이트
자연스러운 확산을 위한
콘텐츠 확산채널 구성 고객의 눈을 한번에 사로잡는 이슈 콘텐츠를 기획 및 관리
콘텐츠 확산 채널 (SNS 매체)
이슈컨텐츠생산(프로모션, 브랜드컨셉)
05. 2010년 건설부문 브랜딩 전략
성공하는 브랜딩 전략 제안
BRANDING
소통
고객과 다양한 접점에서의 브랜드 파워와 직결
소통이
고객소통 콘텐츠의 활용이
오프라인 서포터즈 활동
웹사이트 콘텐츠 웹진
앞으로 온라인 브랜딩 트랜드로 자리잡을 것으로 예상
온라인 커뮤니티 고객소통 콘텐츠의 활용
Thank You