Communication
비즈니스 성장을 이끄는 인터랙티브 웹사이트 아이디어
올해 iF 디자인 어워드 수상작들은 새로운 차원의 인터랙션을 제시합니다. 실험적인 웹사이트 디자인은 잠재 고객에게 더욱 생생하고 진정성 있는 경험을 제공합니다.
오늘날 디지털 정체성은 많은 크리에이터, 특히 디자이너와 건축가에게 필수적인 요소입니다. 전 세계적으로 온라인 접근성이 확대되면서 디지털 정체성은 미래를 형성하는 기반이 되는 동시에 변화하는 업무 환경과 전문 분야를 반영합니다. 예를 들어, 시각적으로 사고하고 새로운 아이디어를 구현하는 창작자들에게 가장 중요한 과정 중 하나는 자신의 비전을 온라인에 구현하는 것입니다. 이러한 맥락에서 웹사이트는 잠재 고객에게 영감을 주고, 신뢰를 얻으며, 정보를 전달하는 역할을 합니다.
iF 디자인 어워드 2021 수상작
pixsee website | 제조사: Compal Electronics Inc., Taipei City, Taiwan
pixsee는 아이의 안전을 모니터링하는 것은 물론, 의미 있는 순간을 자동으로 인식하고 기록하는 IoT 베이비 카메라입니다. pixsee 웹사이트는 추억이라는 주제를 중심으로 구성되었으며, 아이의 낙서를 연상시키는 일러스트와 동화책 같은 손글씨 스타일의 카피를 활용해 사용자와 감성적으로 소통합니다.
KRELL Automotive | 제조사: KRELL Automotive, Seoul, Republic of Korea
이 브랜드 필름은 우주와 행성을 미래적인 배경으로 활용해 파워 앰프 브랜드의 성능을 전달합니다. 자동차 오디오 시스템의 특징을 반영한 역동적인 애니메이션 시퀀스를 통해 끝없는 우주와 무한한 사운드의 에너지를 시각적으로 연결합니다.
mcbath - Leading The Way | 제조사: McBath Moldcom Composites S.L., Valencia, Spain
이 웹사이트와 디지털 전략은 욕실 산업을 대표하는 브랜드에 보다 인간적인 이미지를 부여합니다. 제품, 콘텐츠, 브랜드를 하나의 커뮤니케이션 개념으로 통합해 시장 참여자와 가치 사슬 전반에 더욱 의미 있고 관련성 높은 경험을 제공합니다.
NAVER Shopping Live | 제조사: NAVER Corp., Gyeonggi-do, Republic of Korea
NAVER Shopping Live는 판매자와 소비자가 실시간으로 소통할 수 있는 온라인 쇼핑 플랫폼입니다. 판매자는 영상을 통해 제품 정보를 효과적으로 전달할 수 있으며, 소비자는 상품 소개를 시청하면서 취향이 비슷한 다른 사용자와 교류할 수 있습니다. 방송 앱과 웹 플레이어도 함께 제공됩니다.
BILDRAUM.info | 제조사: BILDRAUM / Dr. phil. Wolfgang Neiser | Nabburg, Germany
이 웹사이트의 가장 큰 특징은 손으로 그린 선과 색채가 가진 표현력을 적극 활용한다는 점입니다. 단순한 아이콘은 '그 이상의 것'을 상상할 수 있는 여지를 남기며, 강렬한 원색은 시선을 사로잡습니다. 그래픽 언어는 공간 커뮤니케이션부터 도상학적 작품까지 폭넓은 포트폴리오를 효과적으로 보여줍니다.
JUNIOR NAVER | 제조사: NAVER Corporation, Seongnam-si, Gyeonggi-do, Republic of Korea
어린이를 위한 이 웹사이트는 부모가 안심할 수 있는 검증된 콘텐츠를 제공합니다. 영상, 오디오북, 게임 등 아이들이 흥미롭게 즐길 수 있는 콘텐츠를 제공하며, 상상력을 자극하고 발달을 돕도록 구성되었습니다. 교육 과정 콘텐츠와 언어 게임, 퀴즈를 통해 학습을 놀이처럼 즐길 수 있습니다.
A-RT.COM | 제조사: ABC-MART, Seoul, Republic of Korea
A-RT.COM은 차별화된 쇼핑 서비스와 콘텐츠 기반 엔터테인먼트를 제공합니다. 간편한 로그인 절차와 매끄러운 채널 전환을 통해 최적화된 쇼핑 경험을 제공하며, 지문 및 얼굴 인식 로그인, 음성 검색, 바코드 검색을 통해 상품 및 매장 재고 정보를 확인할 수 있습니다.
RSDR_brand website & interactive music video | 제조사: RSDR.online, Taipei, Taiwan
이 웹사이트는 다수의 인터랙티브 화면을 통해 사용자의 컴퓨터를 장악하는 듯한 음악 비디오 경험을 제공합니다. 다층적인 인터랙션을 통해 사용자에게 독특한 경험을 선사하며 화제를 모았습니다.
PlusX Website | 제조사: PlusX, Seoul, South Korea
사용자는 스크롤에 따라 자연스럽게 이어지는 페이지 전환을 통해 웹사이트가 흐르는 듯한 경험을 하게 됩니다. 또한 다이내믹한 모션, 리드미컬한 전환 효과, 다크 및 라이트 모드와 같은 위트 있는 디테일은 사용자의 관심을 끌며 즐거움을 더합니다. 첨단 기술과 인상적인 비주얼을 바탕으로 기억에 남는 디지털 경험을 제공합니다.
creating time® – rebranding UMB | 제조사: UMB - creating time, Volketswil, Switzerland
이 웹사이트는 기술적인 정보 전달보다는 감성적인 경험에 초점을 맞추고 있습니다. IT 업계에서는 보기 드문 대형 이미지를 활용해 고객을 위한 가치를 보여주며, IT를 통해 어떻게 시간을 만들어낼 수 있는지를 혁신적으로 표현합니다.
Website Beisheim Center | 제조사: IMMAGO-RENT AG, Baar, Switzerland
이 웹사이트는 레이어 구조를 활용해 고품질의 디지털 경험을 제공합니다. 사용자의 인터랙션에 따라 레이어가 이동하며 새로운 레이어가 드러나는 방식은 건축 단지의 구성 방식을 반영합니다. 최신 웹 기술 중 하나인 JAMStack을 적용해 높은 성능과 최적의 사용자 경험을 구현했습니다.
QUS. Body Connected. | 제조사: Sansirro GmbH, Lebring, Austria
이 프로젝트는 스마트 텍스타일 기업을 위해 기억하기 쉬운 브랜드명과 현대적인 브랜딩 콘셉트, 세련된 기업 디자인, 차별화된 사용자 경험을 갖춘 웹사이트를 개발하는 것을 목표로 했습니다. 라이프스타일, 감각적인 이미지, 그리고 프리미엄 가치가 웹사이트 개발의 핵심 요소였습니다.
Kontrapunkt Type | 제조사: Kontrapunkt, Copenhagen, Denmark
이 웹사이트는 Kontrapunkt의 타이포그래피 디자인 작업을 새로운 방식으로 선보이는 가상 전시 공간입니다. 사용자는 10개의 대표 타이포그래피 작품을 따라가며 인터랙티브한 모션과 시각 효과를 경험할 수 있습니다.
iteratec Corporate Website | 제조사: iteratec GmbH, Munich, Germany
제품과 서비스를 고객 중심적이고 사용자 요구에 기반한 방식으로 전달해 보다 명확한 가치와 가시성을 제공합니다. 결과적으로 직관적인 사용자 경험, 현대적인 디자인, 그리고 맥락과 관련성을 갖춘 콘텐츠를 구현했습니다.
Dr.FORHAIR Branding Site | 제조사: CSIDE&C.C CSIDE & C.C, Seoul, South Korea
브랜드의 신제품을 고객이 보다 쉽게 이해할 수 있도록 패럴랙스 효과, 애니메이션, 호버 인터랙션을 활용해 제품의 강점을 직관적으로 전달합니다.
G+D Spotlight | 제조사: Giesecke+Devrient GmbH, München, Germany
데이터 기반의 주제 선정과 직관적인 UX를 바탕으로 타깃 그룹에 최적화된 콘텐츠 전략을 개발했습니다. 역동적인 비주얼 언어와 모듈형 멀티미디어 디자인을 통해 흥미로운 기사, 인터랙티브 및 애니메이션 인포그래픽, 영상, 오디오 콘텐츠를 효과적으로 제공합니다.
pixsee website | 제조사: Compal Electronics Inc., Taipei City, Taiwan
pixsee는 아이의 안전을 모니터링하는 것은 물론, 의미 있는 순간을 자동으로 인식하고 기록하는 IoT 베이비 카메라입니다. pixsee 웹사이트는 추억이라는 주제를 중심으로 구성되었으며, 아이의 낙서를 연상시키는 일러스트와 동화책 같은 손글씨 스타일의 카피를 활용해 사용자와 감성적으로 소통합니다.
KRELL Automotive | 제조사: KRELL Automotive, Seoul, Republic of Korea
이 브랜드 필름은 우주와 행성을 미래적인 배경으로 활용해 파워 앰프 브랜드의 성능을 전달합니다. 자동차 오디오 시스템의 특징을 반영한 역동적인 애니메이션 시퀀스를 통해 끝없는 우주와 무한한 사운드의 에너지를 시각적으로 연결합니다.
mcbath - Leading The Way | 제조사: McBath Moldcom Composites S.L., Valencia, Spain
이 웹사이트와 디지털 전략은 욕실 산업을 대표하는 브랜드에 보다 인간적인 이미지를 부여합니다. 제품, 콘텐츠, 브랜드를 하나의 커뮤니케이션 개념으로 통합해 시장 참여자와 가치 사슬 전반에 더욱 의미 있고 관련성 높은 경험을 제공합니다.
NAVER Shopping Live | 제조사: NAVER Corp., Gyeonggi-do, Republic of Korea
NAVER Shopping Live는 판매자와 소비자가 실시간으로 소통할 수 있는 온라인 쇼핑 플랫폼입니다. 판매자는 영상을 통해 제품 정보를 효과적으로 전달할 수 있으며, 소비자는 상품 소개를 시청하면서 취향이 비슷한 다른 사용자와 교류할 수 있습니다. 방송 앱과 웹 플레이어도 함께 제공됩니다.
BILDRAUM.info | 제조사: BILDRAUM / Dr. phil. Wolfgang Neiser | Nabburg, Germany
이 웹사이트의 가장 큰 특징은 손으로 그린 선과 색채가 가진 표현력을 적극 활용한다는 점입니다. 단순한 아이콘은 '그 이상의 것'을 상상할 수 있는 여지를 남기며, 강렬한 원색은 시선을 사로잡습니다. 그래픽 언어는 공간 커뮤니케이션부터 도상학적 작품까지 폭넓은 포트폴리오를 효과적으로 보여줍니다.
JUNIOR NAVER | 제조사: NAVER Corporation, Seongnam-si, Gyeonggi-do, Republic of Korea
어린이를 위한 이 웹사이트는 부모가 안심할 수 있는 검증된 콘텐츠를 제공합니다. 영상, 오디오북, 게임 등 아이들이 흥미롭게 즐길 수 있는 콘텐츠를 제공하며, 상상력을 자극하고 발달을 돕도록 구성되었습니다. 교육 과정 콘텐츠와 언어 게임, 퀴즈를 통해 학습을 놀이처럼 즐길 수 있습니다.
A-RT.COM | 제조사: ABC-MART, Seoul, Republic of Korea
A-RT.COM은 차별화된 쇼핑 서비스와 콘텐츠 기반 엔터테인먼트를 제공합니다. 간편한 로그인 절차와 매끄러운 채널 전환을 통해 최적화된 쇼핑 경험을 제공하며, 지문 및 얼굴 인식 로그인, 음성 검색, 바코드 검색을 통해 상품 및 매장 재고 정보를 확인할 수 있습니다.
RSDR_brand website & interactive music video | 제조사: RSDR.online, Taipei, Taiwan
이 웹사이트는 다수의 인터랙티브 화면을 통해 사용자의 컴퓨터를 장악하는 듯한 음악 비디오 경험을 제공합니다. 다층적인 인터랙션을 통해 사용자에게 독특한 경험을 선사하며 화제를 모았습니다.
PlusX Website | 제조사: PlusX, Seoul, South Korea
사용자는 스크롤에 따라 자연스럽게 이어지는 페이지 전환을 통해 웹사이트가 흐르는 듯한 경험을 하게 됩니다. 또한 다이내믹한 모션, 리드미컬한 전환 효과, 다크 및 라이트 모드와 같은 위트 있는 디테일은 사용자의 관심을 끌며 즐거움을 더합니다. 첨단 기술과 인상적인 비주얼을 바탕으로 기억에 남는 디지털 경험을 제공합니다.
creating time® – rebranding UMB | 제조사: UMB - creating time, Volketswil, Switzerland
이 웹사이트는 기술적인 정보 전달보다는 감성적인 경험에 초점을 맞추고 있습니다. IT 업계에서는 보기 드문 대형 이미지를 활용해 고객을 위한 가치를 보여주며, IT를 통해 어떻게 시간을 만들어낼 수 있는지를 혁신적으로 표현합니다.
Website Beisheim Center | 제조사: IMMAGO-RENT AG, Baar, Switzerland
이 웹사이트는 레이어 구조를 활용해 고품질의 디지털 경험을 제공합니다. 사용자의 인터랙션에 따라 레이어가 이동하며 새로운 레이어가 드러나는 방식은 건축 단지의 구성 방식을 반영합니다. 최신 웹 기술 중 하나인 JAMStack을 적용해 높은 성능과 최적의 사용자 경험을 구현했습니다.
QUS. Body Connected. | 제조사: Sansirro GmbH, Lebring, Austria
이 프로젝트는 스마트 텍스타일 기업을 위해 기억하기 쉬운 브랜드명과 현대적인 브랜딩 콘셉트, 세련된 기업 디자인, 차별화된 사용자 경험을 갖춘 웹사이트를 개발하는 것을 목표로 했습니다. 라이프스타일, 감각적인 이미지, 그리고 프리미엄 가치가 웹사이트 개발의 핵심 요소였습니다.
Kontrapunkt Type | 제조사: Kontrapunkt, Copenhagen, Denmark
이 웹사이트는 Kontrapunkt의 타이포그래피 디자인 작업을 새로운 방식으로 선보이는 가상 전시 공간입니다. 사용자는 10개의 대표 타이포그래피 작품을 따라가며 인터랙티브한 모션과 시각 효과를 경험할 수 있습니다.
iteratec Corporate Website | 제조사: iteratec GmbH, Munich, Germany
제품과 서비스를 고객 중심적이고 사용자 요구에 기반한 방식으로 전달해 보다 명확한 가치와 가시성을 제공합니다. 결과적으로 직관적인 사용자 경험, 현대적인 디자인, 그리고 맥락과 관련성을 갖춘 콘텐츠를 구현했습니다.
Dr.FORHAIR Branding Site | 제조사: CSIDE&C.C CSIDE & C.C, Seoul, South Korea
브랜드의 신제품을 고객이 보다 쉽게 이해할 수 있도록 패럴랙스 효과, 애니메이션, 호버 인터랙션을 활용해 제품의 강점을 직관적으로 전달합니다.
G+D Spotlight | 제조사: Giesecke+Devrient GmbH, München, Germany
데이터 기반의 주제 선정과 직관적인 UX를 바탕으로 타깃 그룹에 최적화된 콘텐츠 전략을 개발했습니다. 역동적인 비주얼 언어와 모듈형 멀티미디어 디자인을 통해 흥미로운 기사, 인터랙티브 및 애니메이션 인포그래픽, 영상, 오디오 콘텐츠를 효과적으로 제공합니다.
웹사이트 방문자 여정에서 가장 결정적인 순간은 단연 홈페이지를 방문하는 순간입니다. 홈페이지는 사용자가 브랜드에 대해 갖게 되는 첫인상을 형성하기 때문입니다. 잘 디자인된 홈페이지는 호기심을 불러일으킵니다. 사용자가 이미 특별한 경험의 일부가 된 것 같은 느낌을 주고, 그러한 경험은 웹사이트 전반에 걸쳐 이어집니다. 이를 가능하게 하는 핵심 요소가 바로 다양한 인터랙션입니다. 올해 iF 디자인 어워드 웹사이트 부문 수상작들은 새로운 차원의 인터랙티브 경험을 제시합니다.
오디오와 비디오 콘텐츠, 위아래 대신 좌우로 진행되는 스크롤 인터랙션, 호버 효과와 같은 애니메이션 및 인터랙티브 요소는 사용자가 웹사이트 콘텐츠와 적극적으로 소통하도록 만드는 방법 중 하나입니다. iF 디자인 어워드 수상 웹사이트들이 공통적으로 보여주는 특징은 사용자와 브랜드 간의 진정성 있는 상호작용을 경험하게 한다는 점입니다. "ORIGAMI LETTER"는 디지털과 실물 세계의 가능성을 결합한 수상작입니다. 사용자는 디지털 종이접기를 만든 뒤 이를 다른 사람에게 전송하거나 직접 출력할 수 있습니다. 또 다른 미래지향적인 커뮤니케이션 프로젝트인 "NAVER Shopping Live"에서는 고객이 자신의 쇼핑 경험을 실시간으로 공유하고, 선택한 상품에 대해 즉각적인 피드백을 받을 수 있습니다.
iF 디자인 어워드 2021 골드 수상작
ORIGAMI LETTER | 제조사: Brother Industries Ltd., Nagoya, Japan
Origami Letter는 일본의 전통 종이접기 문화인 오리가미를 활용해 감정을 표현하는 메시징 도구입니다. 사용자는 웹사이트에서 디지털 오리가미 편지를 접거나, 출력 후 직접 접어 사용할 수 있습니다. 이를 통해 두 가지 방식으로 메시지를 전달할 수 있습니다.
Digital World of Rock Music | 제조사: Art. Lebedev Studio, Moscow, Russia
이 웹사이트는 러시아 록 밴드 Aquarium을 위해 제작되었으며 음악, 시각 효과, 기술을 결합한 디지털 경험을 제공합니다. 메인 페이지는 방문자가 여행자가 되는 하나의 세계로 구성되어 있으며, 그룹의 역사 속 주요 이미지와 사건을 암시하는 다양한 상징과 시각 요소로 채워져 있습니다. 초기 몇 개 장면은 수작업으로 제작되었지만 이후 장면은 자동 생성되어 무한한 변주를 가능하게 합니다.
Artemide | 제조사: Artemide S.p.A, Pregnana Milanese, Italy
이 웹사이트는 방대한 콘텐츠를 상업 및 일반 사용자 모두에게 효과적으로 제공하는 동시에 Artemide의 복잡한 제품 포트폴리오에 대한 호기심과 이해를 높이는 것을 목표로 개발되었습니다. 보다 사용자 중심적이고 몰입감 있는 경험을 제공하는 데 중점을 두었습니다.
ORIGAMI LETTER | 제조사: Brother Industries Ltd., Nagoya, Japan
Origami Letter는 일본의 전통 종이접기 문화인 오리가미를 활용해 감정을 표현하는 메시징 도구입니다. 사용자는 웹사이트에서 디지털 오리가미 편지를 접거나, 출력 후 직접 접어 사용할 수 있습니다. 이를 통해 두 가지 방식으로 메시지를 전달할 수 있습니다.
Digital World of Rock Music | 제조사: Art. Lebedev Studio, Moscow, Russia
이 웹사이트는 러시아 록 밴드 Aquarium을 위해 제작되었으며 음악, 시각 효과, 기술을 결합한 디지털 경험을 제공합니다. 메인 페이지는 방문자가 여행자가 되는 하나의 세계로 구성되어 있으며, 그룹의 역사 속 주요 이미지와 사건을 암시하는 다양한 상징과 시각 요소로 채워져 있습니다. 초기 몇 개 장면은 수작업으로 제작되었지만 이후 장면은 자동 생성되어 무한한 변주를 가능하게 합니다.
Artemide | 제조사: Artemide S.p.A, Pregnana Milanese, Italy
이 웹사이트는 방대한 콘텐츠를 상업 및 일반 사용자 모두에게 효과적으로 제공하는 동시에 Artemide의 복잡한 제품 포트폴리오에 대한 호기심과 이해를 높이는 것을 목표로 개발되었습니다. 보다 사용자 중심적이고 몰입감 있는 경험을 제공하는 데 중점을 두었습니다.
최신 반응형 기술을 활용한 "Digital World of Rock Music"과 "KRELL Automotive"와 같은 실험적인 웹사이트 디자인은 점차 사용자의 오감을 자극하는 방향으로 진화하고 있습니다. 실시간 대화부터 지문 인식에 이르기까지, 점점 더 많은 디지털 플랫폼이 기술의 가능성을 활용해 사용자가 새로운 세계를 경험할 수 있는 놀라운 웹사이트를 만들어가고 있습니다.
디자인이 가진 다양한 가능성을 적극적으로 활용하면 사용자 개개인에게 맞춤형 여정을 제공할 수 있습니다. 무엇보다 중요한 것은 사용자의 관심을 지속적으로 유지하고, 다시 방문하고 싶은 경험을 만드는 것입니다.