1. SXSW interactive : Case Study

2. index
Motion Graphics
Air Jordan 2012
Assassin's Creed III - Bunker Hill Interactive Trailer
Azera Journey Microsite
Elantra Driveway Decision Maker
The Block: Stories from a Meeting Place
Music
ALB "Golden Chains"
JAM with Chrome
OK Go Needing Getting Music Video
One Copy Song
Piano for Peace
Personal
Great Moments in Parenting
Marco Rosella
N by Jorge Drexler
nubot
Tetrageddon Games

3. Motion
Graphics

4. Motion Graphics
Air Jordan 2012
Air Jordan 2012 campaign
HTML5 활용한 몰입형 경험 제공.
드래그만으로도 에어조던이 완성되는
모션그래픽을 통해
#FLYOVER #FLYAROUND #FLYTHROUGH
개인에 최적화된 에어조던 보여줌.
트윗과 페북으로 바이럴 유도.

5. Motion Graphics
Assassin's Creed III - Bunker Hill Interactive Trailer
Assassin's Creed III
- Bunker Hill Interactive Trailer
세계적으로 유명한 PC 게임 어쌔신 크리드 3탄
인터렉티브 예고편. 게임과 같은 3인칭 시점이
되어 선택의 시점에서 마우스로 경로와 무기 선택 등
실제 게임을 하는 몰입감 제공.

6. Motion Graphics
Azera Journey Microsite
현대차 Azera(국내명:그랜저)의
마이크로 사이트 영상
HTML5환경 안에서 일러스트레이션 그래픽 모션과
3D기술을 통해 아즈라의 드라이브 경험,
가상 드라이브 과정에서 특정 사양을
영상과 상세 설명 팝업으로 경험할 수 있고,
다양한 스마트폰, 태블릿 PC 등에서도 가능.
공유 기능 지원.

7. Motion Graphics
Elantra Driveway Decision Maker
현대차 엘란트라 인터렉티브 지도 캠페인
2012 올해의 차로 뽑힌 현대 엘란트라의 인터렉티브 캠페인
구글 스트리트 뷰와 프로젝션 매핑,
리얼 타임 3D 애니메이션을 기반으로 진행
엘란트라 3종 중 한 대 선택 후 거리 명을 입력하면
집까지 가는 경로를 3D로 경험.
엘란트라는 그 해 베스트셀러 등극

8. Motion Graphics
The Block: Stories from a Meeting Place
더 블락.
시드니 안의 토착 부족이 살던 지역에 거주하던
집단과 거주의 역사를 인터뷰와 지도 서비스를 통해 재구성.
캐논 5D카메라로 촬영, 파이널 컷 프로로 편집,
포토샵과 일러스트레이터로 사이트 디자인.
플래시 기술로 제작.
(크롬보다 익스플로어 환경에서 열림.)

9. Music

10. Music
ALB "Golden Chains"
ALB "Golden Chains“ 크롬 기반 뮤직비디오
JavaScript, HTML5 video, Ebay API 기술
기반으로 제작. 오직 크롬 환경에서만 감상 가능.
주인공의 옷, 악기 등의 영상 안의 사물들이 영상 밖
팝업으로 튀어나가며 이베이에서 구매 가능한 모습으로 바뀜.
음악 플레이 리스트와 트윗도 등장.
엔터테인먼트와 온라인 쇼핑의 새로운 결합 모델 보여줌.
API(Application Programming Interface, 응용 프로그램 프로그래밍 인터
페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어
가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어,
창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공한다.

11. Music
JAM with Chrome
JAM with Chrome
최신 HTML5 기술 활용.
크롬 환경에서만 가능한 interactive web application
원하는 악기(19개 중 1)를 고르고
실제 악기 같은 다양한 설정을 통해 연주한
친구 추가(최대 4명)를 통해
실시간으로 합주(JAM) 가능

12. Music
OK Go Needing Getting Music Video
쉐보레 SONIC’S FIRST MUSIC VIDEO
- FEATURING OK GO
새 곡을 발표할 때마다 기발한 아이디어의
뮤직비디오를 내놓는 그룹 OK GO와
쉐보레 소형차 소닉의 콜라보레이션.
악기로 만들어진 트랙을 달리며 연주와 노래,
드라이빙의 즐거움 동시 실현 슈퍼볼 때
첫 공개되어 5일만에 유튜브 1천만 뷰 달성.

13. Music
One Copy Song
페이스북 앱 통한 신곡 소셜 마케팅
스웨덴 힙합 아티스트 Adam Tensta가
신곡을 알리기 위해 자신의 곡을 카피해
페북으로 앱을 만들어 바이럴.
이 곡은 한 시간 안에 한번만 플레이 될 수 있었음.
바이럴할수록 신곡을 빨리 들을 수 있음
반응은 폭발적이었고 40개 나라로 퍼짐.
페북 방문객이 20배로 늘어남.

14. Music
Piano for Peace
디지털을 아날로그로 변환, 소셜 피아노 연주
Steinway 피아노가 한정판 출시를 알리기 위해
존레논 Bed-In 평화시위 기념일을 맞아
같은 호텔 같은 방에서 피아노 연주 퍼포먼스를 벌임.
전세계 유저들이 마이크로 사이트에서
song of peace를 키보드로 연주하면 디지털 신호를
변환시켜 실제 아날로그 환경에서 피아노가
연주될 수 있게 함. 이 모습이 라이브로 보여짐.

15. Personal

16. Personal
Great Moments in Parenting
SNS를 통한 육아의 즐거움 전파
아이를 키우며 느끼는 행복한 순간들을 담은 사진,
육아 노하우, 에세이, 장난감 등의 정보와 글을
홈페이지와 페이스북, 인터레스트와
구글플러스, 트윗 등의 SNS채널을 통해 공유.
일부 기능은 회원제로 운영.

17. Personal
Marco Rosella
인터렉티브 디자이너 포트폴리오 사이트
인터렉티브 디자이너 Marco Rosella의
구글 HTML5 기반으로 제작된 포트폴리오 사이트
다른 웹브라우저에서는 실행이 제한되거나
기존 블로그 사이트로 유도됨.
드래그만을 통해 거의 모든 움직임이 가능해
사이트 자체만으로도
뛰어난 인터렉티브와 디자인 경험을 제공

18. Personal
N by Jorge Drexler
혁신적인 작곡 프로젝트
‘N by Jorge Drexler’
아카데미 수상자이다 그레미 14번 노미네이트 된 작곡가
Jorge Drexler가 wakeapp과 앱 개발자들과 함께
제작한 작곡 소프트웨어(앱)
15개월의 사전 조사기간, 몇 달간의 테스트
음악 구매에 흥미를 잃은 리스너들에게
음악에 대한 새로운 가치와 경험 제공.
모바일 기술 통한 음악산업의 정체성 복원.

19. Personal
nubot
nubot_인간을 위로하는 수공예 로봇
광고회사 출신의 웹 플래너가 만든 웹 플래닝 회사
Nuuo에서 만든 수공예 로봇.
스카이프나 구글 행아웃 등을 통해 비즈니스 환경이나
일상에서 화상채팅이 익숙해진 사람들을 위해 제작.
새로운 화상채팅 트렌드를 만들고 있음.
후디를 쓴 인형의 머리부분에 달린 도크에
모바일 기기를 꽂으면 작동, 간단한 움직임도 가능.
현재 애플기기(아이폰, 터치)만 지원.
3세대 기준 미화로 950달러

20. Personal
Tetrageddon Games
예술적 비주얼이 돋보이는
인터렉티브 온라인 게임
Tetrageddon Games은 예술 같은 게임,
게임 같은 인터넷, 희극적 요소가 강한 게임을 지향하며
시작된 온라인 프로젝트.
인터렉티브가 얼마나 게임에 혁신적 요소가 될 수 있는지 실험
오픈 소스, 콜라보레이션, 공유를 진화의 주 요소로 보고 장려
인디게임 개발자들의 창조적 원천으로 쓰이길 기대.
모든 게임은 프리웨어, PC버전으로 다운로드 가능.
이 사이트는 솔로 개발자 프로젝트임.

21. SXSW interactive : Case Study
Edited by copywriter 백승권