HILOWAVE

website

November 2024
UXUI, Web development

Cosmetics

힐로웨이브는 피부 수분 관리를 위한 의료 제품 브랜드입니다.
제품이 가진 특성인 수분 보충을 소비자에게 전달하기 위해 ‘물'과 ‘웨이브'라는 주제로 전반적인 이미지나 인터랙션에 물과 관련된 느낌을 표현하고자 했습니다. 단순 이미지보다는 WebGL 기술을 통해 물을 나타냄으로써 보다 집중도를 높이고 인상적으로 제품의 아이덴티티를 전달하고자 했습니다.HILOWAVE is a medical skincare brand that focuses on skin hydration.
To effectively communicate the unique features of skincare products, we used the theme of 'water' and 'wave' to express the concept of hydration in the overall design and interactions. By using WebGL technology to represent water, we aimed to increase focus and create a memorable identity for the product.

mission

Mission. 1

브랜드 이미지를 세련되게 표현하되, ‘수분’ 또는 ‘물’이라는 요소가 인상에 남도록 디자인하고자 했습니다.We aimed to express the brand image in a sophisticated way, while incorporating the elements of 'water' or 'wave' to leave a lasting impression on the audience. By using WebGL technology to represent water, we aimed to increase focus and create a memorable identity for the product.

Mission. 2

‘수분'이라는 컨셉은 기존 화장품 브랜드에서 수많이 나왔던 주제인만큼, 보다 차별화 된 방식으로 컨셉을 풀어내야 했습니다.The concept of 'hydration' is a common theme in skincare brands, so we needed to approach it in a way that is more differentiated.

direction

Direction. 1

‘수분', ‘물'을 단순히 정적인 이미지로 전달하기보다 다양한 인터랙션을 통해서 색다른 체험이 될 수 있도록 구성했습니다.We used various interactions to create a unique experience, rather than simply conveying the concept of 'hydration' or 'water' as static images.

Direction. 2

파란색을 통해 ‘물’의 느낌을 간접적으로 전달하되, 대비가 강한 모노톤을 더하여 전반적인 분위기를 고급스럽고 세련되게 느껴지고자 했습니다.We added a contrasting monochrome to subtly convey the concept of 'water' while maintaining a sophisticated and refined overall atmosphere.

development

Front-end

NEXT.js, Three.js, GSAP, SASS

Back-end

Vercel, Prismic