읽기 시간: 5 min | Jun 2021

공유하세요:

Editorial

비즈니스를 향상시키는 인터랙티브 웹사이트 영감

올해 iF DESIGN AWARD의 수상작들은 새로운 범위의 인터랙티비티를 구현합니다. 실험적인 웹사이트 디자인은 잠재 고객에게 진정한 상호 작용의 느낌을 제공합니다.

오늘날 많은 크리에이터, 특히 디자이너와 건축가에게 디지털 아이덴티티는 매우 중요한 요소입니다. 전 세계적으로 온라인 접속이 확대됨에 따라 디지털 아이덴티티는 우리가 공유하는 디지털 미래의 기반을 형성하는 동시에 우리 사회의 변화하는 업무 환경과 전문 분야를 반영합니다. 비주얼 싱커와 팅커를 예로 들어보겠습니다: 이들의 가장 중요한 단계 중 하나는 작업의 비전을 온라인에 올리는 것입니다. 이러한 맥락에서 웹사이트는 잠재 고객에게 영감을 주고, 마음을 사로잡고, 정보를 제공하는 것을 의미합니다.

iF 디자인 어워드 수상작 2021

pixsee 웹사이트 | 제조사 대만 타이베이시, Compal Electronics Inc.

pixsee는 아이의 안전을 모니터링할 뿐만 아니라 의미 있는 순간을 자동으로 인식하고 캡처하여 문서화하는 IoT 베이비 카메라입니다. Pixsee 웹사이트는 전체적으로 기억에 초점을 맞추고 있으며, 아이의 따뜻한 낙서와 동화책처럼 읽히는 손글씨 카피로 시청자의 감성적인 참여를 유도합니다.

KRELL Automotive | 제조업체: KRELL Automotive, 서울, 대한민국

이 브랜드 필름은 우주와 그 행성을 미래적인 배경으로 삼아 파워 앰프 브랜드의 제품 성능을 전달합니다. 카오디오 시스템의 특징을 반영한 액션이 돋보이는 애니메이션 시퀀스에서 우주의 끝없는 공간은 무한한 사운드의 힘과 시각적으로 연결됩니다.

맥바스 - 선도적인 기술 | 제조업체: 맥바스 몰드컴 컴포지트 S.L., 발렌시아, 스페인

이 웹사이트와 디지털 전략은 욕실 부문의 선도적인 업계 브랜드를 인간화합니다. 이는 제품, 콘텐츠, 브랜드를 통합하는 커뮤니케이션 개념으로, 시장 플레이어와 가치 사슬에 더 의미 있고 관련성 있는 맥바스를 만듭니다.

네이버 쇼핑 라이브 | 제조사 주식회사 네이버, 경기도, 대한민국

네이버 쇼핑 라이브는 판매자와 소비자가 서로 만나 실시간으로 대화할 수 있는 온라인 쇼핑 플랫폼입니다. 판매자는 영상을 통해 상품 정보를 효과적으로 전달할 수 있고, 소비자는 상품 설명을 보면서 같은 취향을 가진 동료 소비자들과 소통할 수 있습니다. 방송 앱과 웹 플레이어도 제공됩니다.

BILDRAUM.info | 제조사: BILDRAUM / Dr. 볼프강 나이저 | 독일 나브부르크

이 웹사이트를 특별하게 만드는 것은 자유로운 선과 색채의 일러스트레이션을 활용하는 방식입니다. 단순한 아이콘은 공간에 '더 많은 것'에 대한 질문을 열어둡니다. 원색은 이 밝은 맥락에서 주의를 요구합니다. 그래픽 언어는 공간에서의 커뮤니케이션부터 도상학적 작품에 이르기까지 포트폴리오의 폭이 넓다는 것을 암시합니다.

주니어네이버 | 제조사: 주식회사 네이버, 경기도 성남시 분당구 네이버 본사

이 어린이용 웹사이트는 부모가 신뢰할 수 있는 검증된 콘텐츠를 제공합니다. 아이들이 좋아하는 귀여운 캐릭터가 등장하는 동영상, 오디오북, 게임을 제공합니다. 모든 콘텐츠는 아이들의 상상력을 자극하고 발달을 촉진하는 데 도움이 되도록 엄선되었습니다. 커리큘럼, 언어 게임, 퀴즈 등의 교육용 콘텐츠를 통해 놀이처럼 즐겁게 학습할 수 있습니다.

A-RT.COM | 제조사: ABC-MART, 서울, 대한민국

에이알티닷컴은 차별화된 쇼핑 서비스와 콘텐츠 중심의 엔터테인먼트를 제공합니다. 지문 및 얼굴 로그인, 음성 및 바코드 검색을 통해 상품 및 매장 재고를 조회하고, 간편한 로그인 과정과 채널 간 원활한 전환이 가능한 편리한 쇼핑 UX를 설계하여 최적화된 쇼핑 경험을 제공합니다.

RSDR_브랜드 웹사이트 및 인터랙티브 뮤직 비디오 | 제조사: 대만 타이베이, RSDR.online

이 웹사이트는 시청자의 컴퓨터에 여러 개의 대화형 화면이 동시에 나타나는 뮤직 비디오 경험을 선사합니다. 이 동영상은 시청자에게 여러 가지 측면에서 도전을 주며 논란의 여지가 있는 것으로 입증되었습니다.

PlusX 웹사이트 | 제조사 플러스엑스, 서울, 대한민국

사용자는 페이지 간 전환이 매끄러워 스크롤하면서 웹사이트가 흐르는 듯한 느낌을 받을 수 있습니다. 또한 역동적이고 리드미컬한 모션, 키네틱 셔플, 다크/라이트 모드와 같은 재치 있는 디테일이 시선을 사로잡고 경험에 재미를 더합니다. 전반적으로 이 웹사이트는 기술과 놀라운 비주얼로 사용자에게 잊을 수 없는 경험을 제공합니다.

시간 만들기® - UMB 리브랜딩 | 제조업체: UMB - 시간 만들기, 스위스 볼케츠빌, 스위스

이 웹사이트는 기술적인 콘텐츠보다는 감성을 불러일으키는 데 중점을 둡니다. IT 업계에서는 보기 드물게 크고 인상적인 이미지가 사용되었습니다. IT로 무엇을 할 수 있는지, 고객을 위해 어떻게 시간을 창출할 수 있는지를 혁신적인 방식으로 보여줍니다.

웹사이트 Beisheim Center | 제조사 IMMAGO-RENT AG, 바, 스위스

이 웹사이트는 상호 작용할 때 이동하여 단지의 개별 건물 구성을 반영하는 추가 레이어를 표시하는 레이어를 사용하여 고품질의 디지털 경험을 제공합니다. 최신 웹 기술 중 하나인 JAMStack은 고성능 웹 사이트와 최적의 사용자 경험을 제공합니다.이 웹 사이트는 상호 작용할 때 이동하여 단지의 개별 건물 구성을 반영하는 추가 레이어를 표시하는 레이어를 사용하여 고품질 디지털 경험을 제공합니다. 최신 웹 기술 중 하나인 JAMStack은 고성능 웹사이트와 최적의 사용자 경험을 제공합니다.

QUS. 바디 커넥티드. | 제조사: 오스트리아 레브링에 위치한 Sansirro GmbH

이 회사는 새롭고 눈에 띄는 브랜드 이름과 현대적인 브랜딩 컨셉, 스마트 섬유 회사를 위한 멋진 기업 디자인, 비교할 수 없는 사용자 경험으로 가득한 세련된 웹사이트를 개발하기를 원했습니다. 라이프스타일, 멋스러움, 고급스러움이 웹사이트 개발의 주요 목표였습니다.

연락처 유형 | 제조사: 콘트라펑크, 코펜하겐, 덴마크

이 웹사이트는 수년에 걸친 콘트라펑크의 활자 디자인 작업을 새롭고 혁신적인 방식으로 보여주는 가상 형식의 전시회입니다. 방문객은 인터랙티브 모션과 시각 효과로 펼쳐지는 10개의 엄선된 타이포그래피 작품을 통해 안내를 받습니다.

iteratec 기업 웹 사이트 | 제조업체: iteratec GmbH, 뮌헨, 독일

가시성과 가시성을 높이고 보다 명확한 초점을 달성하기 위해 제품과 서비스를 고객 지향적이고 필요에 기반한 방식으로 전달합니다. 그 결과, 스트레이트는 명확한 사용자 경험, 현대적인 디자인, 맥락과 관련성을 갖춘 콘텐츠를 제공합니다.

닥터포헤어 브랜딩 사이트 | 제조사: CSIDE&C.C CSIDE & C.C, 서울, 대한민국

고객이 이 브랜드의 신제품을 쉽게 이해할 수 있도록 시차, 애니메이션, 호버 효과를 활용해 제품의 장점을 직관적으로 전달했습니다.

G+D 스포트라이트 | 제조업체 Giesecke+Devrient GmbH, 뮌헨, 독일

데이터에 기반한 주제 선정과 직관적인 UX를 통해 타겟 그룹별 콘텐츠 전략이 개발되었습니다. 역동적인 시각적 언어와 모듈식 멀티미디어 디자인은 흥미로운 기사, 대화형 및 애니메이션 인포그래픽, 동영상, Spotify와 같은 디지털 서비스를 위한 오디오를 선보입니다.

pixsee 웹사이트 | 제조사 대만 타이베이시, Compal Electronics Inc.

pixsee는 아이의 안전을 모니터링할 뿐만 아니라 의미 있는 순간을 자동으로 인식하고 캡처하여 문서화하는 IoT 베이비 카메라입니다. Pixsee 웹사이트는 전체적으로 기억에 초점을 맞추고 있으며, 아이의 따뜻한 낙서와 동화책처럼 읽히는 손글씨 카피로 시청자의 감성적인 참여를 유도합니다.

KRELL Automotive | 제조업체: KRELL Automotive, 서울, 대한민국

이 브랜드 필름은 우주와 그 행성을 미래적인 배경으로 삼아 파워 앰프 브랜드의 제품 성능을 전달합니다. 카오디오 시스템의 특징을 반영한 액션이 돋보이는 애니메이션 시퀀스에서 우주의 끝없는 공간은 무한한 사운드의 힘과 시각적으로 연결됩니다.

맥바스 - 선도적인 기술 | 제조업체: 맥바스 몰드컴 컴포지트 S.L., 발렌시아, 스페인

이 웹사이트와 디지털 전략은 욕실 부문의 선도적인 업계 브랜드를 인간화합니다. 이는 제품, 콘텐츠, 브랜드를 통합하는 커뮤니케이션 개념으로, 시장 플레이어와 가치 사슬에 더 의미 있고 관련성 있는 맥바스를 만듭니다.

네이버 쇼핑 라이브 | 제조사 주식회사 네이버, 경기도, 대한민국

네이버 쇼핑 라이브는 판매자와 소비자가 서로 만나 실시간으로 대화할 수 있는 온라인 쇼핑 플랫폼입니다. 판매자는 영상을 통해 상품 정보를 효과적으로 전달할 수 있고, 소비자는 상품 설명을 보면서 같은 취향을 가진 동료 소비자들과 소통할 수 있습니다. 방송 앱과 웹 플레이어도 제공됩니다.

BILDRAUM.info | 제조사: BILDRAUM / Dr. 볼프강 나이저 | 독일 나브부르크

이 웹사이트를 특별하게 만드는 것은 자유로운 선과 색채의 일러스트레이션을 활용하는 방식입니다. 단순한 아이콘은 공간에 '더 많은 것'에 대한 질문을 열어둡니다. 원색은 이 밝은 맥락에서 주의를 요구합니다. 그래픽 언어는 공간에서의 커뮤니케이션부터 도상학적 작품에 이르기까지 포트폴리오의 폭이 넓다는 것을 암시합니다.

주니어네이버 | 제조사: 주식회사 네이버, 경기도 성남시 분당구 네이버 본사

이 어린이용 웹사이트는 부모가 신뢰할 수 있는 검증된 콘텐츠를 제공합니다. 아이들이 좋아하는 귀여운 캐릭터가 등장하는 동영상, 오디오북, 게임을 제공합니다. 모든 콘텐츠는 아이들의 상상력을 자극하고 발달을 촉진하는 데 도움이 되도록 엄선되었습니다. 커리큘럼, 언어 게임, 퀴즈 등의 교육용 콘텐츠를 통해 놀이처럼 즐겁게 학습할 수 있습니다.

A-RT.COM | 제조사: ABC-MART, 서울, 대한민국

에이알티닷컴은 차별화된 쇼핑 서비스와 콘텐츠 중심의 엔터테인먼트를 제공합니다. 지문 및 얼굴 로그인, 음성 및 바코드 검색을 통해 상품 및 매장 재고를 조회하고, 간편한 로그인 과정과 채널 간 원활한 전환이 가능한 편리한 쇼핑 UX를 설계하여 최적화된 쇼핑 경험을 제공합니다.

RSDR_브랜드 웹사이트 및 인터랙티브 뮤직 비디오 | 제조사: 대만 타이베이, RSDR.online

이 웹사이트는 시청자의 컴퓨터에 여러 개의 대화형 화면이 동시에 나타나는 뮤직 비디오 경험을 선사합니다. 이 동영상은 시청자에게 여러 가지 측면에서 도전을 주며 논란의 여지가 있는 것으로 입증되었습니다.

PlusX 웹사이트 | 제조사 플러스엑스, 서울, 대한민국

사용자는 페이지 간 전환이 매끄러워 스크롤하면서 웹사이트가 흐르는 듯한 느낌을 받을 수 있습니다. 또한 역동적이고 리드미컬한 모션, 키네틱 셔플, 다크/라이트 모드와 같은 재치 있는 디테일이 시선을 사로잡고 경험에 재미를 더합니다. 전반적으로 이 웹사이트는 기술과 놀라운 비주얼로 사용자에게 잊을 수 없는 경험을 제공합니다.

시간 만들기® - UMB 리브랜딩 | 제조업체: UMB - 시간 만들기, 스위스 볼케츠빌, 스위스

이 웹사이트는 기술적인 콘텐츠보다는 감성을 불러일으키는 데 중점을 둡니다. IT 업계에서는 보기 드물게 크고 인상적인 이미지가 사용되었습니다. IT로 무엇을 할 수 있는지, 고객을 위해 어떻게 시간을 창출할 수 있는지를 혁신적인 방식으로 보여줍니다.

웹사이트 Beisheim Center | 제조사 IMMAGO-RENT AG, 바, 스위스

이 웹사이트는 상호 작용할 때 이동하여 단지의 개별 건물 구성을 반영하는 추가 레이어를 표시하는 레이어를 사용하여 고품질의 디지털 경험을 제공합니다. 최신 웹 기술 중 하나인 JAMStack은 고성능 웹 사이트와 최적의 사용자 경험을 제공합니다.이 웹 사이트는 상호 작용할 때 이동하여 단지의 개별 건물 구성을 반영하는 추가 레이어를 표시하는 레이어를 사용하여 고품질 디지털 경험을 제공합니다. 최신 웹 기술 중 하나인 JAMStack은 고성능 웹사이트와 최적의 사용자 경험을 제공합니다.

QUS. 바디 커넥티드. | 제조사: 오스트리아 레브링에 위치한 Sansirro GmbH

이 회사는 새롭고 눈에 띄는 브랜드 이름과 현대적인 브랜딩 컨셉, 스마트 섬유 회사를 위한 멋진 기업 디자인, 비교할 수 없는 사용자 경험으로 가득한 세련된 웹사이트를 개발하기를 원했습니다. 라이프스타일, 멋스러움, 고급스러움이 웹사이트 개발의 주요 목표였습니다.

연락처 유형 | 제조사: 콘트라펑크, 코펜하겐, 덴마크

이 웹사이트는 수년에 걸친 콘트라펑크의 활자 디자인 작업을 새롭고 혁신적인 방식으로 보여주는 가상 형식의 전시회입니다. 방문객은 인터랙티브 모션과 시각 효과로 펼쳐지는 10개의 엄선된 타이포그래피 작품을 통해 안내를 받습니다.

iteratec 기업 웹 사이트 | 제조업체: iteratec GmbH, 뮌헨, 독일

가시성과 가시성을 높이고 보다 명확한 초점을 달성하기 위해 제품과 서비스를 고객 지향적이고 필요에 기반한 방식으로 전달합니다. 그 결과, 스트레이트는 명확한 사용자 경험, 현대적인 디자인, 맥락과 관련성을 갖춘 콘텐츠를 제공합니다.

닥터포헤어 브랜딩 사이트 | 제조사: CSIDE&C.C CSIDE & C.C, 서울, 대한민국

고객이 이 브랜드의 신제품을 쉽게 이해할 수 있도록 시차, 애니메이션, 호버 효과를 활용해 제품의 장점을 직관적으로 전달했습니다.

G+D 스포트라이트 | 제조업체 Giesecke+Devrient GmbH, 뮌헨, 독일

데이터에 기반한 주제 선정과 직관적인 UX를 통해 타겟 그룹별 콘텐츠 전략이 개발되었습니다. 역동적인 시각적 언어와 모듈식 멀티미디어 디자인은 흥미로운 기사, 대화형 및 애니메이션 인포그래픽, 동영상, Spotify와 같은 디지털 서비스를 위한 오디오를 선보입니다.

아마도 사용자 여정에서 가장 결정적인 순간은 웹사이트 방문자에게 첫인상을 남기는 홈페이지 방문일 것입니다. 잘 디자인된 홈페이지는 호기심을 불러일으킵니다. 방문자가 이미 웹사이트의 다른 모든 부분에서 기억에 남는 경험의 일부가 된 것처럼 느끼게 합니다. 이를 위해서는 다양한 인터랙티브 요소가 필수적입니다. 올해 iF DESIGN AWARD의 웹사이트 부문 수상작들은 새로운 범위의 인터랙티비티를 구현합니다.

오디오 및 비디오 미디어, 상하가 아닌 좌우로 스크롤하는 상호작용, 호버 상태와 같은 애니메이션 및 대화형 요소는 웹사이트 방문자가 사이트 콘텐츠에 참여할 수 있는 한 가지 방법일 뿐입니다. 모든 iF 수상 웹사이트의 공통점은 사용자와 해당 브랜드 간의 진정한 상호 작용을 제공한다는 접근 방식입니다. " 수상작인 ' 종이접기 편지 '는 디지털과 촉각의 가능성을 융합한 웹사이트 디자인입니다. 사용자는 디지털 종이접기를 접은 다음 다른 사람에게 보내거나 인쇄할 수 있습니다. 또 다른 미래지향적 커뮤니케이션 프로젝트인 ' 네이버 쇼핑 라이브 '는 고객이 자신의 쇼핑 경험을 실시간으로 스트리밍하고 선택에 대한 즉각적인 피드백을 받을 수 있는 서비스입니다.

iF DESIGN AWARD 2021 금상 수상 디자인

오리 가미 편지 | 제조업체: 일본 나고야, 브라더 인더스트리 주식회사

오리가미 레터는 일본의 전통 종이 접기 공예인 오리가미를 사용하여 감정을 표현하는 메시지 도구입니다. 사용자는 웹사이트에서 디지털 종이접기 편지를 접거나 직접 인쇄한 종이접기 편지를 인쇄하여 접을 수 있어 두 가지 방법으로 메시지를 전달할 수 있습니다.

디지털 록 음악의 세계 | 제조사: Art. 레베데프 스튜디오, 모스크바, 러시아

이 웹사이트는 러시아 록 밴드 아쿠아리움을 위해 제작되었으며 음악, 효과 및 기술이 결합되어 있습니다. 메인 페이지는 방문자가 여행자가 되는 세계입니다. 여기의 모든 것은 상징으로 가득 차 있으며, 사진은 그룹 역사상 가장 인기 있는 이미지와 이벤트를 암시합니다. 처음 몇 장면은 수동으로 제작되었지만 나머지는 자동으로 생성되어 무한한 변주가 가능합니다.

아르테미데 | 제조 아르테미데 S.p.A 프레그나나 밀라노, 이탈리아

이 웹사이트의 목표는 상업적 및 비상업적 사용자를 대상으로 광범위한 콘텐츠를 구성하는 동시에 아르테미데의 복잡한 제품 라인업에 대한 더 깊은 호기심과 지식을 불러일으키는 것이었습니다. 또한 보다 매력적이고 사용자 중심의 접근 방식으로 경험을 전환하는 것이 목표였습니다.

오리 가미 편지 | 제조업체: 일본 나고야, 브라더 인더스트리 주식회사

오리가미 레터는 일본의 전통 종이 접기 공예인 오리가미를 사용하여 감정을 표현하는 메시지 도구입니다. 사용자는 웹사이트에서 디지털 종이접기 편지를 접거나 직접 인쇄한 종이접기 편지를 인쇄하여 접을 수 있어 두 가지 방법으로 메시지를 전달할 수 있습니다.

디지털 록 음악의 세계 | 제조사: Art. 레베데프 스튜디오, 모스크바, 러시아

이 웹사이트는 러시아 록 밴드 아쿠아리움을 위해 제작되었으며 음악, 효과 및 기술이 결합되어 있습니다. 메인 페이지는 방문자가 여행자가 되는 세계입니다. 여기의 모든 것은 상징으로 가득 차 있으며, 사진은 그룹 역사상 가장 인기 있는 이미지와 이벤트를 암시합니다. 처음 몇 장면은 수동으로 제작되었지만 나머지는 자동으로 생성되어 무한한 변주가 가능합니다.

아르테미데 | 제조 아르테미데 S.p.A 프레그나나 밀라노, 이탈리아

이 웹사이트의 목표는 상업적 및 비상업적 사용자를 대상으로 광범위한 콘텐츠를 구성하는 동시에 아르테미데의 복잡한 제품 라인업에 대한 더 깊은 호기심과 지식을 불러일으키는 것이었습니다. 또한 보다 매력적이고 사용자 중심의 접근 방식으로 경험을 전환하는 것이 목표였습니다.

최신 반응형 기술을 통해 ' 디지털 록 음악의 세계 ', ' KRELL 자동차 '와 같이 모든 감각을 자극하는 실험적인 웹사이트 디자인이 점점 더 많아지고 있습니다. 실시간 대화부터 지문 인식에 이르기까지 점점 더 많은 가상 플랫폼이 기술의 힘을 활용하여 사용자가 완전히 새로운 세계를 탐험할 수 있는 놀라운 웹사이트를 만들고 있습니다. 다양한 디자인 가능성을 활용하면 웹사이트를 통해 개인화된 여정을 따라갈 수 있는 기회를 제공합니다. 결국 중요한 것은 사용자의 참여를 유지하고 더 많은 정보를 얻기 위해 다시 방문하도록 만드는 것입니다.