라이트브레인 2019 UX 아카데미 Open Project입니다.
이번에 소개해 드릴 프로젝트는 'Youtube - UX/UI 개선 프로젝트'입니다.
지난 10월~12월까지 진행된 UX교육기간 동안 정규과정의 수업 뿐만아니라 별도의 조별 모임을 통해 과제와 프로젝트를 진행하며 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개합니다.
라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션하고 또 인사이트과 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
라이트브레인 2019 UX 아카데미 Open Project입니다.
이번에 소개해 드릴 프로젝트는 'Youtube - UX/UI 개선 프로젝트'입니다.
지난 10월~12월까지 진행된 UX교육기간 동안 정규과정의 수업 뿐만아니라 별도의 조별 모임을 통해 과제와 프로젝트를 진행하며 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개합니다.
라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션하고 또 인사이트과 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
사례 연구를 통한 온라인 커머스 UX/UI 방향성 검토(온라인 커머스 월드 2013 FALL)
Overview: Inspirational Commerce
For the Window Shopper: Fashion Kaleidoscope app
Unique style for photography: Suitsupply.com
Minimize navigation size: Lilybalou.be
Full screen background images: Us.vanmoof.com
Personalize your experience: Fab.com
RightBrain UX discovery 10th (UX 트렌드 리포트 10호)RightBrain inc.
라이트브레인의 열 번째 UX 트렌드 리포트 ‘UX Discovery 제10호’ 부분 공개
코로나 19 팬데믹 시대에 더불어 등장하는 갖가지 Ontact 서비스들을 중심으로 Ontact 서비스가 기존 서비스를 대체하기 위해서는 어떤 UX를 갖추어야 하고 앞으로 사람들의 일상생활을 어떻게 바꿔나갈 것인지 많은 고민들을 하며 준비했습니다.
라이트브레인은 UX 관련 업계 종사자들과 더욱 양질의 정보를 공유하고 귀한 인사이트를 나누어 더 많은 도전을 할 수 있도록 지원하고자 뉴스레터 구독자분들에 한해 무료로 리포트를 pdf파일로 공유해 드리고 있습니다.
저희가 만든 UX/UI 트렌드들이 작게나마 여러분들에게 도움이 되셨으면 하며 앞으로도 지속적인 관찰과 앞서가는 인사이트로 새로운 경험을 탄생시키고 시장에 좀 더 나은 가치를 제공하는데 앞장서겠습니다.
UX 디자인에 관련된 고민과 어려움은 언제든 라이트브레인과 상의해 주십시오.
UX Discovery 10호 전체 내용이 궁금하신 분은 뉴스레터 구독 신청자에 한해 무료로 풀버전 pdf파일을 발송해 드리니 아래 신청방법을 확인하시고 신청해 주세요.
기존에 UX Discovery 10호를 이미 받으신 분은 리포트 내용의 변경이 없으니 다시 받으실 필요는 없습니다.
이후 발간될 열한 번째 UX 트렌드 리포트 ‘UX Discovery 11호’ 역시 뉴스레터 구독자 분들에게 가장 먼저 보내드립니다.
* 리포트 구독신청 : http://www.rightbrain.co.kr/CMS/ux-discovery-subscribe/
* 최신호 발간시 (PDF파일) 구독자 분들에게 가장 먼저 신청하신 이메일로 보내드립니다.
* UX 트렌드 리포트 구독문의 :jkl@rightbrain.co.kr
* UX 디자인 및 컨설팅 프로젝트 문의 : support@rightbrain.co.kr
* 라이트브레인 ‘UX Discovery’는 라이트브레인의 등록상표입니다.
브랜치크리에이티브는
BRAND – CREATIVE, BRAND – CUSTOMER
브랜드와 크리에이티브를 연결해주는 의미를 담고 있습니다.
브랜드와 사용자를 올바르게 연결하기 위해 적절한 크리에이티브 방법론을 제시하고 구축하는 크리에이티브 그룹입니다.
어느 한 분야에 국한 되지 않고
소비자가 접하는 온,오프라인의 모든 접점에 대해 단위별 또는 통합하여 효율적인 공간관리까지 소비자의 모든 브랜드 경험을 디자인합니다.
사용자들이 브랜드를 경험하기 위한 모든 디자인에 관여합니다.
<ulike>는 NFC 기술을 접목한 소셜 네트워킹 서비스에 기반을 둔 혁신적인 오프라인 마케팅 도구입니다.
고객은 PC, 태블릿 또는 스마트폰과 같은 <ulike> 서비스 구동이 가능한 스마트 디바이스를 통해 자신의 SNS와 NFC tag를 연동할 수 있고, NFC tag에 개인의 SNS가 성공적으로 등록되면 특정 장소에 설치되어 있는 리더기나 키오스크에 태그를 터치하는 것만으로 메시지와 사진 등 다양한 콘텐츠를 업로드할 수 있습니다.
회사소개서
지오테라스의 Zeo는 Geo를 의도적으로 틀리게 기필한 문법을 정면에 드러내는 빗나간 단어입니다
우리의 아이템은 사업자를 위해서는 팀 스팟츠라고 불리고( 제휴가게와 지역공간들의 멤버쉽 )
일반 관광객등을 위해서는 지오테라스( 지리적으로 오픈되어 쉬어갈수있는 소셜공간)라고 불리웁니다.
마치 해커정신이 스타트업의 기업가정신과 맞닿아 있다고 하는 것처럼, 테이크 아웃 또는 사이드 메뉴만을 다루는 쇼핑몰처럼, 틈새와 여분과 이면부가 결국 그것으로 구분되지 않을 수 있는 지속가능한 협력의 멤버쉽 모델을 구현하고자 하였습니다.
The name of the item is Team spots or Zeo-Terrace.
'Zeo' of 'Zeo terrace' is a deliberate typo. Our item is called 'Team Spots' for the entrepreneurs, and when for affiliate stores, local membership and general tourists, it is called 'Zeo-terrace'. It is a social place where is open geographically.
Just like 'hacker spirit' is adjacent to entrepreneurial spirit, our service notices the fact that sometimes incidental value which is not the main purpose can be the axis that leads the main purpose.
포스트아이는 지역경제와 비즈니스의 성공을 디자인하는 기획마인드의 ICT 컨텐츠 개발기업입니다. 주로는 인터렉션 개발 및 브랜드 아이덴티티 디자인을 진행하고 있으며, 다양한 협력으로 융합마인드의 창의를 구현하는것을 모토로 하고있습니다.
타임스팟 아이템은 이벤트 공간의 소셜채널 관리를 지원하는 예약중계, 데이터 분석 및 큐레이션 서비스입니다. 공간예약 및 일회성 이벤트에서 모든형태의 그룹미팅을 포함하는 완성된 플랫폼 서비스를 제공할 예정입니다. 2013 스마트 클라우드 쇼와, 2014 미국 벤쿠버 시그라프에서 티저홍보를 하였으며, 사전가입 후에는 서비스 업데이트와
이벤트 소식을 받으실 수 있습니다.
포스트아이
· 2014.08. 2014 북미 벤쿠버 시그라프 공동관 참가선정
· 2014.07.18 국가인적자원개발 컨소시엄 협약기업
· 2014.07.01 Born To Global 멘토링 프로그램 참가선정
· 2014.03.14. 기업부설연구소 설립,
사업화연계기술개발사업(R&BD) 추천기업
· 2013.09.13 글로벌 인큐베이팅 인턴십 프로그램 참가선정
· 2013.08.01 2013 스마트 클라우드 쇼 참가선정,
스타트업관 창의경제 분야
· 2013.07.15 벤처기업 확인 인증획득
· 2013.01.18 주식회사 포스트아이 ( POSTi Co., Ltd. ) 설립
· 2012.03.23 주)피투피시스템즈 MOU, 수유마을 재래시장 MOU,
7개 스타트업과 컨텐츠공급 MOU
오마이스터디 리뉴얼기획
· 2009.11.02 Post-Intera
사례 연구를 통한 온라인 커머스 UX/UI 방향성 검토(온라인 커머스 월드 2013 FALL)
Overview: Inspirational Commerce
For the Window Shopper: Fashion Kaleidoscope app
Unique style for photography: Suitsupply.com
Minimize navigation size: Lilybalou.be
Full screen background images: Us.vanmoof.com
Personalize your experience: Fab.com
RightBrain UX discovery 10th (UX 트렌드 리포트 10호)RightBrain inc.
라이트브레인의 열 번째 UX 트렌드 리포트 ‘UX Discovery 제10호’ 부분 공개
코로나 19 팬데믹 시대에 더불어 등장하는 갖가지 Ontact 서비스들을 중심으로 Ontact 서비스가 기존 서비스를 대체하기 위해서는 어떤 UX를 갖추어야 하고 앞으로 사람들의 일상생활을 어떻게 바꿔나갈 것인지 많은 고민들을 하며 준비했습니다.
라이트브레인은 UX 관련 업계 종사자들과 더욱 양질의 정보를 공유하고 귀한 인사이트를 나누어 더 많은 도전을 할 수 있도록 지원하고자 뉴스레터 구독자분들에 한해 무료로 리포트를 pdf파일로 공유해 드리고 있습니다.
저희가 만든 UX/UI 트렌드들이 작게나마 여러분들에게 도움이 되셨으면 하며 앞으로도 지속적인 관찰과 앞서가는 인사이트로 새로운 경험을 탄생시키고 시장에 좀 더 나은 가치를 제공하는데 앞장서겠습니다.
UX 디자인에 관련된 고민과 어려움은 언제든 라이트브레인과 상의해 주십시오.
UX Discovery 10호 전체 내용이 궁금하신 분은 뉴스레터 구독 신청자에 한해 무료로 풀버전 pdf파일을 발송해 드리니 아래 신청방법을 확인하시고 신청해 주세요.
기존에 UX Discovery 10호를 이미 받으신 분은 리포트 내용의 변경이 없으니 다시 받으실 필요는 없습니다.
이후 발간될 열한 번째 UX 트렌드 리포트 ‘UX Discovery 11호’ 역시 뉴스레터 구독자 분들에게 가장 먼저 보내드립니다.
* 리포트 구독신청 : http://www.rightbrain.co.kr/CMS/ux-discovery-subscribe/
* 최신호 발간시 (PDF파일) 구독자 분들에게 가장 먼저 신청하신 이메일로 보내드립니다.
* UX 트렌드 리포트 구독문의 :jkl@rightbrain.co.kr
* UX 디자인 및 컨설팅 프로젝트 문의 : support@rightbrain.co.kr
* 라이트브레인 ‘UX Discovery’는 라이트브레인의 등록상표입니다.
브랜치크리에이티브는
BRAND – CREATIVE, BRAND – CUSTOMER
브랜드와 크리에이티브를 연결해주는 의미를 담고 있습니다.
브랜드와 사용자를 올바르게 연결하기 위해 적절한 크리에이티브 방법론을 제시하고 구축하는 크리에이티브 그룹입니다.
어느 한 분야에 국한 되지 않고
소비자가 접하는 온,오프라인의 모든 접점에 대해 단위별 또는 통합하여 효율적인 공간관리까지 소비자의 모든 브랜드 경험을 디자인합니다.
사용자들이 브랜드를 경험하기 위한 모든 디자인에 관여합니다.
<ulike>는 NFC 기술을 접목한 소셜 네트워킹 서비스에 기반을 둔 혁신적인 오프라인 마케팅 도구입니다.
고객은 PC, 태블릿 또는 스마트폰과 같은 <ulike> 서비스 구동이 가능한 스마트 디바이스를 통해 자신의 SNS와 NFC tag를 연동할 수 있고, NFC tag에 개인의 SNS가 성공적으로 등록되면 특정 장소에 설치되어 있는 리더기나 키오스크에 태그를 터치하는 것만으로 메시지와 사진 등 다양한 콘텐츠를 업로드할 수 있습니다.
회사소개서
지오테라스의 Zeo는 Geo를 의도적으로 틀리게 기필한 문법을 정면에 드러내는 빗나간 단어입니다
우리의 아이템은 사업자를 위해서는 팀 스팟츠라고 불리고( 제휴가게와 지역공간들의 멤버쉽 )
일반 관광객등을 위해서는 지오테라스( 지리적으로 오픈되어 쉬어갈수있는 소셜공간)라고 불리웁니다.
마치 해커정신이 스타트업의 기업가정신과 맞닿아 있다고 하는 것처럼, 테이크 아웃 또는 사이드 메뉴만을 다루는 쇼핑몰처럼, 틈새와 여분과 이면부가 결국 그것으로 구분되지 않을 수 있는 지속가능한 협력의 멤버쉽 모델을 구현하고자 하였습니다.
The name of the item is Team spots or Zeo-Terrace.
'Zeo' of 'Zeo terrace' is a deliberate typo. Our item is called 'Team Spots' for the entrepreneurs, and when for affiliate stores, local membership and general tourists, it is called 'Zeo-terrace'. It is a social place where is open geographically.
Just like 'hacker spirit' is adjacent to entrepreneurial spirit, our service notices the fact that sometimes incidental value which is not the main purpose can be the axis that leads the main purpose.
포스트아이는 지역경제와 비즈니스의 성공을 디자인하는 기획마인드의 ICT 컨텐츠 개발기업입니다. 주로는 인터렉션 개발 및 브랜드 아이덴티티 디자인을 진행하고 있으며, 다양한 협력으로 융합마인드의 창의를 구현하는것을 모토로 하고있습니다.
타임스팟 아이템은 이벤트 공간의 소셜채널 관리를 지원하는 예약중계, 데이터 분석 및 큐레이션 서비스입니다. 공간예약 및 일회성 이벤트에서 모든형태의 그룹미팅을 포함하는 완성된 플랫폼 서비스를 제공할 예정입니다. 2013 스마트 클라우드 쇼와, 2014 미국 벤쿠버 시그라프에서 티저홍보를 하였으며, 사전가입 후에는 서비스 업데이트와
이벤트 소식을 받으실 수 있습니다.
포스트아이
· 2014.08. 2014 북미 벤쿠버 시그라프 공동관 참가선정
· 2014.07.18 국가인적자원개발 컨소시엄 협약기업
· 2014.07.01 Born To Global 멘토링 프로그램 참가선정
· 2014.03.14. 기업부설연구소 설립,
사업화연계기술개발사업(R&BD) 추천기업
· 2013.09.13 글로벌 인큐베이팅 인턴십 프로그램 참가선정
· 2013.08.01 2013 스마트 클라우드 쇼 참가선정,
스타트업관 창의경제 분야
· 2013.07.15 벤처기업 확인 인증획득
· 2013.01.18 주식회사 포스트아이 ( POSTi Co., Ltd. ) 설립
· 2012.03.23 주)피투피시스템즈 MOU, 수유마을 재래시장 MOU,
7개 스타트업과 컨텐츠공급 MOU
오마이스터디 리뉴얼기획
· 2009.11.02 Post-Intera
1. 프로젝트 개요
[ 기획 개요 ]
해외 맥주의 경우 ‘프리미엄 맥주 , 일반 맥주 , 발포주 , 제 3 맥주’등 다양한 종류의 맥
주시장 존재하지만 , 현재에도 국내 소비자의 인식 속에는 프리미엄 맥주 시장이 따로 존
재하지 않습니다 . 단순히 국내 맥주와 수입맥주로 구분하는 것이 일반적이기에 일단 프리
미엄 맥주를 품질 좋은 맥주라는 점을 인식시켜주는 것이 중요했습니다 . 기획 당시 수입
맥주의 시장 점유율이 전체 맥주 시장에서 3% 밖에 차지하고 있지 않은 상황 속에서 시장
을 다시 정의 하여 , 프리미엄 맥주는 일반 맥주와 다른 맥주라는 인식의 창을 마련하는
것이 먼저 필요했습니다 . 이를 위해 프리미엄 맥주 시장에 대한 새로운 이미지가 필요했
습니다 . 대부분의 맥주브랜드들이 Active, Festive 한 이미지를 전달하고 있었고 , 이는
맥주소비가 많은 2039 세대 중 2029 세대에만 초점을 맞춘 이미지이기에 3039 세대에 어울
리는 새로운 이미지를 전달하는 것이 가능하리라고 판단했습니다 . 이렇게 마련된 새로운
인식의 창 속에서 YEBISU 맥주가 진정한 프리미엄 맥주라는 점을 인식시키고자 하였습니
다 .
[ 컨셉도출 ]
프리미엄 맥주는 ‘프로페셔널이 즐기는 맥주’ , 즉 ‘프로들이 즐기는 여유’라는 메시지를
통해 ‘ YEBISU 맥주는 여유를 즐길 줄 아는 프로들의 맥주’라는 메시지를 도출해냈습니다 .
프로들이 여유를 즐길 수 있는 이유는 그들이 일하는 분야에서 열정을 다했기 때문이라는
메시지를 통해 프로들의 작업 공간을 시각적 모티브로 활용하여 ‘최선을 다했기에 즐길 수
있는 여유 , 열정을 다한 당신이 즐기는 여유”라는 메시지를 전달하고자 하였습니다 .
1) 맥주 자체를 기존보다 맛있게 즐길 수 있는 구체적 방법 제시 , 이를 시각화
2) ‘ 여유지수’라는 Point 제도를 도입 , 홈페이지에서 Point 확인 가능하도록 제공하여
게임성 가미
3) SNS 와 연동하여 User 간 메시지를 전송하고 , 모바일 위치정보 기능을 통해 다른 프로
페셔널들이
어디서 YEBISU 맥주를 즐기는 지 볼 수 있도록 제공
1) YEBISU 맥주 : 일본 삿포로의 프리미엄 맥주 브랜드 홍보 사이트 제작
2) 참여분야 : 컨텐츠 및 사이트 기획 (80%), 사이트 디자인 (50%),
사이트 개발 / 구현 (100%)
3) 제작연도 : 2011 년
기획 의도 및 컨셉
구성 상 특이점 (UX, 컨텐츠 )
2. Information Architecture
사이트 시안
멤버십 커뮤니티멤버십 커뮤니티제품소개제품소개 ‘ 여유지수’ 활용‘ 여유지수’ 활용맥주 즐기는 법맥주 즐기는 법
MainMain
프로모션 응모프로모션 응모
[Main Page]
프로들의 작업 공간이라는 모티브를 통해 ‘맥주 도시’라는 컨셉으로 메인페이지를 시각화 ,
사용자 접속지역 날씨와 시간에 맞춰 메인페이지의 표현되는 날씨와 시간대도 동적으로 변
화 , 이를 통해 사이트에 대한 몰입도를 증대시키고 , ‘ 도시’라는 키워드를 효과적으로 전달
.
맥주 캔을 모티브로 하여 타원형 네비게이션으로 시각화 . 그와 동시에 맥주 자체에 대한
Sizzle 감을 표현함 . 상위 메뉴의 경우 외부에 , 하위 메뉴의 경우 내부에 위치시켜 User
가 정보구조를 명확히 인지할 수 있도록 설계 .
현재 판매하고 있
는 YEBISU 맥주
의 4 가지 제품군
소개
현재 판매하고 있
는 YEBISU 맥주
의 4 가지 제품군
소개
맥주캔에 있는
QR 코드를 이용하
여 ‘여유지수’ 열
람 및 지역 정보
공유기능 제공
맥주캔에 있는
QR 코드를 이용하
여 ‘여유지수’ 열
람 및 지역 정보
공유기능 제공
SNS 와 연동하여
이벤트에 참여 ,
참여한 사람들의
메시지 열람 기능
제공
SNS 와 연동하여
이벤트에 참여 ,
참여한 사람들의
메시지 열람 기능
제공
YEBISU 맥주만의
프리미엄 멤버십
커뮤니티
YEBISU 맥주만의
프리미엄 멤버십
커뮤니티
맥주를 맛있게 즐
기기 위한 방법과
흑맥주 제품과 오
리지널 제품을 활
용한 조합 레시피
제공
맥주를 맛있게 즐
기기 위한 방법과
흑맥주 제품과 오
리지널 제품을 활
용한 조합 레시피
제공
3. 사이트 시안
[1st
Sub Page]
프로페셔널들이 열정을 다한 공간을 모티브로 하여 , 그들의 작업 및 휴식 공간으로 표
현 . ‘ 최선을 다했기에 즐길 수 있는 여유 , 열정을 다한 당신이 즐기는 여유”라는 메시지
를 전달하기 위해 , 프로들의 공간을 표현하고 , 이 장소들에서도 YEBISU 맥주를 통해 여
유를 즐길 수 있다는 메시지를 시각화함 .
[2nd
Sub Page]
최선을 다한 열정에 대해서는 당연한 보상을 받아야 하며 YEBISU 맥주가 그들에게 줄
수 있는 최상의 보상 , 즉 최상의 여유라는 키워드를 전달하기 위해 , 최상의 맥주를 즐길
수 있는 노하우 정보 제공 . YEBISU 맥주를 맛있게 즐길 수 있는 방법과 YEBISU 맥주 조합
레시피를 제공 . 각 정보들을 글을 읽지 않아도 한 눈에 직관적으로 이해할 수 있도록 시
각화 .
4. SNS 계정을 통해 로그인할
경우 본인 정보 노출
[3rd
Sub Page_1]
YEBISU 모바일 어플리케이션을 다운 받아서 YEBISU 맥주 캔에 있는 QR 코드를 찍으면
그 횟수에 따라 ‘여유지수’가 쌓인 것을 해당 페이지에서 집계 . 맥주를 마시는 것이 단순히
술을 마시는 것이 아닌 여유를 즐기는 오락적 요소라는 메시지를 전달하기 위해 맥주를 마
시는 행위를 수치화 시켜 게임성을 가미 하여 즐거움을 직접 체험할 수 있도록 유도 .
여유지수 랭킹 리스트와 변
동 순위 노출 , User 검색
기능 제공
SNS 서비스와 연동하여 해당 페이지는 물론 User 개개인의 SNS 페이지에도 YEBISU 맥주에
대한 정보와 User 가 YEBISU 맥주를 어디서 즐기고 있는 지 볼 수 있도록 제공하여 바이
럴 마케팅 효과 유도 . 사용하는 SNS 에 관계 없이 서로의 의견을 공유할 수 있도록 하여
YEBISU 소비자들간의 유대관계를 형성할 수 있도록 유도 .
SNS 계정으로 로그인을 할
경우 본인 ‘여유지수’ 순위
및 각 제품별 마신 횟수 노
출
특정 기간 별 본인의 ‘여유
지수’를 쉽게 알 수 있도록
그래프화 하여 제공
모바일 어플리케이션을 통해 맥주 캔에 있는 QR 코드를 찍
으면 해당 지도에 QR 코드를 찍은 위치를 표시 . 또한 등록
시 각 User 가 함께 등록한 메시지를 지도상에 표시 .
YEBISU 모바일 어플리케이
션을 쉽게 받을 수 있도록
어플리케이션 플랫폼 별 링
크 제공
[3rd
Sub Page_2]
사이트 시안
5. [4th
Sub Page_1]
신규 브랜드를 출시하는 경우 가장 중요한 것은 브랜드를 최대한 많이 노출하여 브랜드
인지도를 높이는 것이기에 SNS 연동을 통해 이벤트에 참여하도록 하여 개개인 SNS 에
YEBISU 의 브랜드를 노출시킬 수 있는 장치를 마련 . SNS 계정 이미지를 활용하여 컨트롤할
수 있는 동적 인터렉션과 더불어 일본 도쿄에 위치한 YEBISU 박물관에 있는 대형 맥주 캔
을 형상화하여 시각적 재미 요소 제공 .
‘ 여유를 즐기는 자신만의
방법’을 공유하는 이벤트를
진행
응모한 User 들 이미지를
시각화하여 상위 컨트롤러
로 참여한 User 들을 넘겨
볼 수 있는 기능 제공
응모한 User 들
을 3D 캔으로
시각화 , 클릭
시 해당 메시지
노출 .
YEBISU 출시 기념으로 일본에서도 계절마다 1 제품씩 한정 판매되는 제품들을 모아서 한
국 소비자들에게만 한 패키지에 모두 제공하는 한정판매 이벤트 제공 . 일본 도쿄에 있는
YEBISU 박물관의 인테리어를 홈페이지 디자인에 활용하여 추후 박물관 방문 시 온 / 오프라
인의 경험을 통해 YEBISU 브랜드에 대한 긍정적인 이미지를 형성할 수 있도록 유도 .
8 개 제품 중 하단에 위치한
4 가지 제품들은 계절마다
1 제품씩 한정 판매되는 제
품 .
[4th
Sub Page_2]
사이트 시안
6. [Mobile Application 설치 가이
드 ]
모바일 어플리케이션을 이용하여 ‘여유지수’를 등록하는 과정을 어렵게 느끼거나 스마트폰
/QR 코드 이용이 생소한 User 를 위해 이에 대한 가이드 제공 .
사이트 시안
7. 프로젝트 개요
[ 기획 개요 ]
당시 컴팩트 디지털 카메라의 수요가 줄어들고 있는 상황 속에서 , 좀 더 좋은 품질의 사
진에 대한 수요가 커지고 있었기에 DSLR 시장이 커질 것이라 예상하였습니다 . 때문에 아
마추어 사용자들의 보급형 DSLR 에 대한 수요가 늘어날 것이라고 생각했기에 이 시장을 선
점하기 위해서는 보급형 DSLR 의 경우 소비자에게 있어 친숙한 이미지를 만들어주어야 한
다고 판단했습니다 . 또한 전문가가 아닌 누구나 사용할 수 있는 기기라는 점을 어필하여
시장 수요를 극대화해야 한다고 판단했습니다 . DSLR 은 사용하기 어렵다는 인식을 바꾸기
위해 홍보 사이트 내에서 DSLR 카메라를 간접적으로 사용해봄으로써 사용하기 쉬운 카메
라로 인식시키고자 하였습니다 . 또한 당시 보급형 DSLR 카메라 시장은 20 대 수요가 증가
하는 추세였고 , 당시 대부분의 사이트는 카메라의 스펙에만 초점이 맞춰져 있었던 상황이
었습니다 . 때문에 20 대의 감성을 커뮤니케이션 해야 한다고 생각했기에 이들이 공감할
수 있는 이야기를 사이트에서 들려주고자 하였습니다 .
[ 컨셉도출 ]
Canon 500D 는 ‘사용하기 쉬운 카메라’ , 순간을 담는 것을 넘어 ‘일상의 감동을 담는 기기’
라는 메시지를 전달하기 위해 기존 무거운 분위기 보다는 밝고 화사한 분위기의 사이트 제
작하여 기존 DSLR 사이트와 차별화를 시키고자 하였습니다 . 이와 동시에 ‘사용하기 쉬운
카메라’로만 메시지를 전달하면 기존 컴팩트 카메라와 차별화된 가치를 노출시킬 수 없기
에 , DSLR 이 가지고 있는 공학기기 , 전문기기라는 점을 놓치지 않기 위해 DSLR 만이 가질
수 있는 형태를 시각화하고자 하였습니다 .
1) 마이크로 사이트 모든 페이지에서 셔터가 닫히고 열리는 애니메이션을 활용한 페이지
이동을 통해
화면 전환 시 사진을 직접 찍는 듯한 느낌을 전달
2) 카메라에 대한 기본 지식 및 사용법을 사이트를 통해 사전 학습이 가능한 환경을 제공
하여 ,
오프라인에서 카메라 사용 시 친숙함이 들 수 있도록 유도
3) 사진은 스토리를 전하는 매개체이기에 카메라는 감동을 담는 기기라는 메시지를 전달하
기 위해
사용자들이 자신이 찍은 사진과 이에 대한 스토리를 공유할 수 있는 플랫폼 제공
1) Canon 500D : 캐논의 보급형 DSLR Canon 500D 홍보 사이트 제작
2) 참여분야 : 컨텐츠 및 사이트 기획 (70%), 홈페이지 디자인 (90%),
사이트 개발 / 구현 (20%)
3) 제작연도 : 2009 년
기획 의도 및 컨셉
구성 상 특이점 (UX, 컨텐츠 )
8. 이야기 공유이야기 공유
캐논 User 들이 본인들의
사진과 얽혀 있는 이야기를
공유할 수 있는 플랫폼 제
공 , 대학생 사진동아리 에
피소드 제공 .
캐논 User 들이 본인들의
사진과 얽혀 있는 이야기를
공유할 수 있는 플랫폼 제
공 , 대학생 사진동아리 에
피소드 제공 .
Information Architecture
사이트 시안
제품소개제품소개 사용법사용법
MainMain
[ 동영상 & Gateway Page]
메인 페이지 이동 전에 공학 제품이 갖는 이미지를 극대화하기 위해 3D 영상을 노출하여
제품의 전문성을 시각화하여 전달 .
Canon 500D 주요 특징 및
외형 디자인 이미지 제공
Canon 500D 주요 특징 및
외형 디자인 이미지 제공
DSLR 의 다양한 기능들을 온라인 환경에서
간접 체험하고 , 실제 사진이 어떻게 보이
는 지 볼 수 있는 요소 제공 . DSLR 을 사
용하는 데 있어 기본적으로 알고 있어야
하는 지식 제공 .
DSLR 의 다양한 기능들을 온라인 환경에서
간접 체험하고 , 실제 사진이 어떻게 보이
는 지 볼 수 있는 요소 제공 . DSLR 을 사
용하는 데 있어 기본적으로 알고 있어야
하는 지식 제공 .
DSLR 의 공학적 느낌을 동영상을 통해 전
달 , 사전에 사이트에 대한 몰입도를 더하
기 위해 메인 페이지에서 뷰파인더를 통해
피사체를 보는 듯한 이미지를 시각화 .
DSLR 의 공학적 느낌을 동영상을 통해 전
달 , 사전에 사이트에 대한 몰입도를 더하
기 위해 메인 페이지에서 뷰파인더를 통해
피사체를 보는 듯한 이미지를 시각화 .
Gateway Page1
2
3 4 5
9. [Main Page]
카메라의 뷰파인더를 시각화하여 DSLR 을 온라인에서 체험한다는 전체적인 컨셉을 본 페
이지 열람 전에 경험할 수 있도록 제공 . 각 페이지 이동 시 셔터가 닫혔다 열리는 느낌으
로 시각화하여 , User 가 실제 뷰파인더를 통해 사진을 찍는 듯한 착각을 일으킬 수 있도록
유도 . 카메라는 ‘감동을 담는 기기’라는 키워드를 시각화하기 위해 화사한 문양을 사용하여
기존의 DSLR 이 가지고 있는 무거운 이미지를 탈피하고자 하였음 .
카메라 렌즈 접합부를 시각화하여 DSLR 에 친숙해질 수 있도록 유도 . Canon 500D 카메
라의 모든 제원을 말하기보다는 타사 제품과 차별화된 핵심가치만 분명히 전달하고 , 이러
한 핵심 제원을 시각화하여 직관적으로 이해할 수 있도록 시각화 .
[1st
Sub Page]
기존 SLR 의 경우 초점을 맞추기 위해서는 상 , 하 단절된 이미지를 렌즈조작으로 일치
시켜야 하는 기능적인 측면을 시각화 . 원하는 메뉴를 선택하면 초점이 맞춰지고 페이지
전체에 셔터가 닫혔다 열리는 시각화를 통해 페이지 이동 .
현재 페이지 위치를 알려주는 기능과 동시에 타 페이지로 바로 이동할 수 있는 네비게이
션 기능을 갖춘 버튼 제공 .
사이트 시안
10. [2nd
Sub Page]
DSLR 의 기능에 따라 사진
이 어떻게 촬영되는 지 실
제 보여줌으로써 직관적인
이해가 가능하도록 시각화 .
카메라의 작동 원리를 실제
결과물을 통해 볼 수 있는
요소 제공 .
DSLR 사용에 필요한 기
본 지식을 최대한 간단 명
료하게 설명 .
풍경 / 인물 / 접사 / 야
경 등과 같은 각 상황에 맞
는 모드와 결과물을 살펴볼
수 있도록 제공 .
DSLR 사용에 있어 기본
적으로 필요한 지식을 6 가
지로 분류하여 제공 .
22
11
33
1 2 3
카메라 LCD 창을 시각화하고 , DSLR 기능을 아이콘화하여 User 가 필요한 정보를 최대한
편리하게 접근할 수 있도록 제공 . DSLR 을 사용하기 위해서는 기능에 대한 이해가 필요하
기에 , 이에 대한 지식을 간단한 설명과 체험적 요소를 통해 습득할 수 있도록 제공 . 마
우스 휠을 사용하여 컨트롤할 수 있게 제공하여 DSLR 의 다이얼을 사용하는 것과 비슷한
느낌이 들 수 있도록 설계 . 실제 온라인에서 Canon 500D 의 여러 가지 기능을 사용해봄으
로써 DSLR 을 쉽게 사용하고 , Canon 제품에 대해 UX/UI 측면에서 추후 친숙함이 들 수 있
도록 Lock-In 효과 유도 .
각 명칭 및 기능에 대한 좀 더 자세한 정보를 알고 싶을 경우 해당 메뉴를 통해 세부적인
내용을 열람할 수 있도록 제공 .
[2nd Sub Page_ 세부정보 Page]
사이트 시안
11. 사이트 시안
[3rd
Page_1]
스토리텔링을 통해 User 들과 공감대를 형성하여 , Canon 500D 는 ‘일상의 감동을 담는 기
기’라는 메시지를 효과적으로 전달 . 스토리텔링 사이에 User 가 컨트롤할 수 있는 요소들
을 배치하여 높은 흥미와 몰입을 유도하고 , Canon 500D 의 UI 를 직접 체험해볼 수 있도록
제공하여 추후 Canon 500D 제품 사용 시 쉽게 기능을 익힐 수 있도록 유도 .
Canon 제품 이용 고객들이 본인의 사진과 관련된 사연들을 공유할 수 있는 플랫폼 제공
.
카메라는 단순히 사진을 찍는 기기가 아닌 ‘일상의 감동을 담는 기기’라는 메시지를 전달
하기 위해 , 사진과 관련된 다양한 사연들을 마이크로 사이트 내에서 공유할 수 있도록 제
공 .
[3rd Page_2]
타겟인 20 대가 공감할 수 있는 카메라에
관련된 대학생들의 에피소드 제공 .
스토리텔링 사이에 Canon 500D 제품의
UI 를 체험할 수 있는 요소 가미 .