Reading Time: 5 min | Jun 2021

Share on:

Editorial

Interactive Website Inspiration to Boost Your Business

At this year’s iF DESIGN AWARD, the honored entries create a new range of interactivity. Experimental website designs provide a feeling of authentic interaction for potential customers.

In this day and age, having a digital identity is key for many creatives, especially designers and architects alike. As global online access expands, digital identities form the basis for our shared digital future and, at the same time, reflect our society’s changing working environment and professional fields. Take for example visual thinkers and tinkerers: One of their most important steps is to put the vision of their work online. Websites, in this context, mean to inspire, win over and inform potential customers.

iF AWARD-WINNING DESIGNS 2021

pixsee website | Manufacturer: Compal Electronics Inc., Taipei City, Taiwan

pixsee is an IoT baby camera that in addition to monitoring the child’s safety, automatically recognizes, captures and documents meaningful moments. The pixsee website focuses on memory throughout, with heartwarming childlike doodles and hand-written copy that reads like a storybook to engage viewers at an emotional level.

KRELL Automotive | Manufacturer: KRELL Automotive, Seoul, Republic of Korea

This brand film uses space and its planets as a futuristic backdrop against which to communicate the performance of the products of the power amplifier brand. In high-action animated sequences that reference characteristic features of the car audio system, the endlessness of the universe is visually connected to the boundless power of sound.

mcbath - Leading The Way | Manufacturer: McBath Moldcom Composites S.L., Valencia, Spain

This website and digital strategy humanize a leading industry brand in the bathroom segment. It is a communication concept that integrates products, content and brand, making mcbath more meaningful and relevant for market players and their value chain.

NAVER Shopping Live | Manufacturer: NAVER Corp., Gyeonggi-do, Republic of Korea

NAVER Shopping Live is an online shopping platform where retailers and consumers can find each other and talk in real-time. Sellers can effectively present product details via video, whereas consumers can enjoy interactions with fellow consumers who have the same tastes while watching product presentations. Broadcasting apps and web players are also provided.

BILDRAUM.info | Manufacturer: BILDRAUM / Dr. phil. Wolfgang Neiser | Nabburg, Germany

What makes this website so special is how it engages with the illustrative power of freehand lines and colors. Simple icons leave the question of “more” open in space. The primary colors demand attention in this bright context. The graphic language suggests the breadth of the portfolio, from communication in space to iconographic works.

JUNIOR NAVER | Manufacturer: NAVER Corporation, Seongnam-si, Gyeonggi-do, Republic of Korea

This website for kids provides verified content that parents can trust. It features videos, audiobooks, and games with cute characters that children enjoy exploring. All content is selected to stimulate children's imagination and help promote their development. Educational contents such as curriculum, language games, and quizzes make learning as enjoyable as playing.

A-RT.COM | Manufacturer: ABC-MART, Seoul, Republic of Korea

A-RT.COM offers differentiated shopping services and content-oriented entertainment. A convenient shopping UX with a simple log-in process and smooth transition between channels is designed, providing an optimized shopping experience where inquiry on product and store inventory can be viewed through fingerprint and face login, voice and barcode search.

RSDR_brand website & interactive music video | Manufacturer: RSDR.online, Taipei, Taiwan

This website creates a music video experience that invades viewers’ computers with multiple interactive screens at once. The video challenged viewers on multiple levels in a way that has proven controversial.

PlusX Website | Manufacturer: PlusX, Seoul, South Korea

Users can feel the website flowing as they scroll due to the smooth transition between the pages. Also, witty details such as dynamic and rhythmic motions, kinetic shuffles, and dark/light modes catch the attention and add more fun to the experience. Overall, the website provides an unforgettable experience to users with technology and striking visuals.

creating time® – rebranding UMB | Manufacturer: UMB - creating time, Volketswil, Switzerland

This website conveys less technical content – instead, it’s meant to evoke emotions. Large, impressive images are used, which is atypical for the IT industry. What is done with IT and how time can be created for our customers are shown in an innovative way.

Website Beisheim Center | Manufacturer: IMMAGO-RENT AG, Baar, Switzerland

The website offers a high-quality digital experience, using layers which shift when interacted with and thus reveal additional layers, reflecting the composition of the individual buildings of the complex. JAMStack, one of the newest web technologies, creates a high-performance website and an optimal user experience.The website offers a high-quality digital experience, using layers which shift when interacted with and thus reveal additional layers, reflecting the composition of the individual buildings of the complex. JAMStack, one of the newest web technologies, creates a high-performance website and an optimal user experience.

QUS. Body Connected. | Manufacturer: Sansirro GmbH, Lebring, Austria

The company wanted to develop a new, catchy brand name and a modern branding concept, a cool corporate design for the smart textile company and a stylish website full of incomparable user experiences. Lifestyle, coolness and luxury factors were the main aims during website development.

Kontrapunkt Type | Manufacturer: Kontrapunkt, Copenhagen, Denmark

This website is a virtual format of the exhibition showing Kontrapunkt's type design work throughout the years in a new and innovative way. Visitors are guided through 10 selected typography works, each unfolding with interactive motion and visual effects.

iteratec Corporate Website | Manufacturer: iteratec GmbH, Munich, Germany

To achieve more tangibility, more visibility and a more clear focus, products and services are conveyed in a customer-oriented and needs-based manner. In return, straight creates a clear user experience, modern design and content with context and relevance.

Dr.FORHAIR Branding Site | Manufacturer: CSIDE&C.C CSIDE & C.C, Seoul, South Korea

In order to help customers to understand the new products of this brand easily, parallax, animation, and hover effects were used to intuitively deliver the benefits of products.

G+D Spotlight | Manufacturer: Giesecke+Devrient GmbH, München, Germany

A target group-specific content strategy was developed, enabled by data-informed topic selection and intuitive UX. The dynamic visual language and modular, multi-media design showcase interesting articles, interactive and animated infographics, videos, and audio for digital services like Spotify.

pixsee website | Manufacturer: Compal Electronics Inc., Taipei City, Taiwan

pixsee is an IoT baby camera that in addition to monitoring the child’s safety, automatically recognizes, captures and documents meaningful moments. The pixsee website focuses on memory throughout, with heartwarming childlike doodles and hand-written copy that reads like a storybook to engage viewers at an emotional level.

KRELL Automotive | Manufacturer: KRELL Automotive, Seoul, Republic of Korea

This brand film uses space and its planets as a futuristic backdrop against which to communicate the performance of the products of the power amplifier brand. In high-action animated sequences that reference characteristic features of the car audio system, the endlessness of the universe is visually connected to the boundless power of sound.

mcbath - Leading The Way | Manufacturer: McBath Moldcom Composites S.L., Valencia, Spain

This website and digital strategy humanize a leading industry brand in the bathroom segment. It is a communication concept that integrates products, content and brand, making mcbath more meaningful and relevant for market players and their value chain.

NAVER Shopping Live | Manufacturer: NAVER Corp., Gyeonggi-do, Republic of Korea

NAVER Shopping Live is an online shopping platform where retailers and consumers can find each other and talk in real-time. Sellers can effectively present product details via video, whereas consumers can enjoy interactions with fellow consumers who have the same tastes while watching product presentations. Broadcasting apps and web players are also provided.

BILDRAUM.info | Manufacturer: BILDRAUM / Dr. phil. Wolfgang Neiser | Nabburg, Germany

What makes this website so special is how it engages with the illustrative power of freehand lines and colors. Simple icons leave the question of “more” open in space. The primary colors demand attention in this bright context. The graphic language suggests the breadth of the portfolio, from communication in space to iconographic works.

JUNIOR NAVER | Manufacturer: NAVER Corporation, Seongnam-si, Gyeonggi-do, Republic of Korea

This website for kids provides verified content that parents can trust. It features videos, audiobooks, and games with cute characters that children enjoy exploring. All content is selected to stimulate children's imagination and help promote their development. Educational contents such as curriculum, language games, and quizzes make learning as enjoyable as playing.

A-RT.COM | Manufacturer: ABC-MART, Seoul, Republic of Korea

A-RT.COM offers differentiated shopping services and content-oriented entertainment. A convenient shopping UX with a simple log-in process and smooth transition between channels is designed, providing an optimized shopping experience where inquiry on product and store inventory can be viewed through fingerprint and face login, voice and barcode search.

RSDR_brand website & interactive music video | Manufacturer: RSDR.online, Taipei, Taiwan

This website creates a music video experience that invades viewers’ computers with multiple interactive screens at once. The video challenged viewers on multiple levels in a way that has proven controversial.

PlusX Website | Manufacturer: PlusX, Seoul, South Korea

Users can feel the website flowing as they scroll due to the smooth transition between the pages. Also, witty details such as dynamic and rhythmic motions, kinetic shuffles, and dark/light modes catch the attention and add more fun to the experience. Overall, the website provides an unforgettable experience to users with technology and striking visuals.

creating time® – rebranding UMB | Manufacturer: UMB - creating time, Volketswil, Switzerland

This website conveys less technical content – instead, it’s meant to evoke emotions. Large, impressive images are used, which is atypical for the IT industry. What is done with IT and how time can be created for our customers are shown in an innovative way.

Website Beisheim Center | Manufacturer: IMMAGO-RENT AG, Baar, Switzerland

The website offers a high-quality digital experience, using layers which shift when interacted with and thus reveal additional layers, reflecting the composition of the individual buildings of the complex. JAMStack, one of the newest web technologies, creates a high-performance website and an optimal user experience.The website offers a high-quality digital experience, using layers which shift when interacted with and thus reveal additional layers, reflecting the composition of the individual buildings of the complex. JAMStack, one of the newest web technologies, creates a high-performance website and an optimal user experience.

QUS. Body Connected. | Manufacturer: Sansirro GmbH, Lebring, Austria

The company wanted to develop a new, catchy brand name and a modern branding concept, a cool corporate design for the smart textile company and a stylish website full of incomparable user experiences. Lifestyle, coolness and luxury factors were the main aims during website development.

Kontrapunkt Type | Manufacturer: Kontrapunkt, Copenhagen, Denmark

This website is a virtual format of the exhibition showing Kontrapunkt's type design work throughout the years in a new and innovative way. Visitors are guided through 10 selected typography works, each unfolding with interactive motion and visual effects.

iteratec Corporate Website | Manufacturer: iteratec GmbH, Munich, Germany

To achieve more tangibility, more visibility and a more clear focus, products and services are conveyed in a customer-oriented and needs-based manner. In return, straight creates a clear user experience, modern design and content with context and relevance.

Dr.FORHAIR Branding Site | Manufacturer: CSIDE&C.C CSIDE & C.C, Seoul, South Korea

In order to help customers to understand the new products of this brand easily, parallax, animation, and hover effects were used to intuitively deliver the benefits of products.

G+D Spotlight | Manufacturer: Giesecke+Devrient GmbH, München, Germany

A target group-specific content strategy was developed, enabled by data-informed topic selection and intuitive UX. The dynamic visual language and modular, multi-media design showcase interesting articles, interactive and animated infographics, videos, and audio for digital services like Spotify.

Probably the most decisive moment of any user journey is to visit the homepage as it is the first impression website visitors can make. A well-designed homepage is one that arouses curiosity. It makes the visitors feel like they are already part of a memorable experience that is further found throughout all the other parts of a website. Various interactive elements are essential to making this happen. At this year’s iF DESIGN AWARD, the honored entries in the category of websites create a new range of interactivity. 

Animated and interactive elements – such as audio and video media, scrolling interaction from left to right instead up to down and hover states – are just one way to let the website visitors engage with the site content. What unites all iF awarded websites is their approach in providing a feeling of authentic interaction between the users and the appropriates brands. "ORIGAMI LETTER" is an award-winning website design that fuses the possibilities of the digital and the haptic world. Users can fold a digital origami and then send it to someone or print it. Another forward-thinking communication project is "NAVER Shopping Live" where customers can live stream their shopping experience and receive instant feedback on their choices.

iF DESIGN AWARD 2021 GOLD-WINNING DESIGNS

More and more experimental website designs appeal to all the senses like "Digital World of Rock Music" and "KRELL Automotive" via the latest responsive technology. From real-time conversations to fingerprint recognition, more and more virtual platforms are harnessing the power of technology to create amazing websites where users can explore a whole new world.

Making use of the whole range of design possibilities offers opportunities to follow a personalized journey through a website. After all, what counts is to keeping users engaged and making them come back for more.