디지털 인사이트님의 아티클 더 보기

UI/UX

FWA, 이달의 웹사이트!

FWA 창립자 겸 CEO, 로브 포드가 꼽은 이 달의 웹사이트

FWA(www.theFWA.com) 창립자 겸 CEO
로브 포드(Rob Ford)가 꼽은 이달의 웹사이트


01. History of the Internet

야후 재팬과 합작한 프로젝트 ‘History of the Internet’은 인터넷 역사, 그 중에서도 일본의 인터넷 역사와 관련한 1,474개의 사건을 3D 탑으로 풀어내는 것을 내용으로 한다. IP의 등장부터 아이폰X 출시까지를 시간순으로 아래부터 쌓아 올린 탑을, 이용자는 360도로 돌려가며 확인할 수 있다. 페이지를 스크롤 하면서 탑의 층층을 둥글게 두른 조소를 클릭하면 사건 발생 시기를 포함한 설명을 확인할 수 있다. 특정 키워드로 사건을 찾아볼 수 있는 검색 기능도 제공한다.


02. Emoji Scavenger Hunt

‘Emoji Scavenger Hunt’는 화면에 제시된 이모지와 같은 모양을 한 물건을 제한 시간 내에 찾아 카메라로 찍는 게임이다. 예컨대 화면에 손목시계 이모지가 등장하면, 실제 손목시계를 찍어야 다음 단계로 넘어갈 수 있다. 이모지와 사진 간 일치 정도를 분석하는 일은 기계학습이 맡았다. 백엔드(Back-end) 서버에 접속할 필요 없이 웹 브라우저에서 실행된다. 해당 프로젝트의 오픈 소스 코드는 깃허브(github.com/google/emoji-scavenger-hunt)에서 확인할 수 있다.


03. Water Ripples

3월 22일 세계 물의 날, 미국 그랜드 센트럴 터미널 천장에 모터로 제어되는 558개의 물방울이 설치됐다. 물방울 모양 설치물은 방문객이 기둥에 손을 대면 아래위로 움직이면서 물결을 이뤘다. 설치물이 일렁이는 동안 사운드스케이프(Soundscape) 작품이 홀을 채웠다. 방문객이 프로젝트를 경험하고, 경험을 공유하고, 이미지가 확산되는 동안, 여전히 깨끗한 물에 접근하는 데 어려움을 겪는 많은 사람을 다시 생각해보자는 메시지가 많은 이들에게 전달됐다.


04. Nike Reactor

나이키가 자사의 신제품 ‘리액트’를 직관적인 이미지로 풀어냈다. 웹사이트에 접속한 방문객은 자신의 이상적인 달리기를 상징하는 물체, 선호하는 운동화, 달리는 스타일을 차례로 선택한다. 예컨대, ‘베개’와 ‘깃털’, ‘흰색 운동화’, ‘달리기 마스터’를 클릭하면, 흰색 베개와 깃털을 몸 삼아 열띠게 달리는 사람 형체를 확인할 수 있다. 나이키는 이를 통해 ‘나이키 리액트를 신으면 당신의 이상적인 달리기를 실현할 수 있다’는 메시지를 직관적이고 흥미로운 방법으로 전달하는 데 성공했다.