Natureclass
ALL
UI & UX
WEB DESIGN
DEV
2024
overview
Natureclass는 자연에서 유래한 재료로 화장품을 만드는 브랜드입니다. STUDIOP는 웹사이트 기획부터 UI 디자인, 인터랙션 프로토타입, 디자인 시스템 구성까지 전체 과정을 진행했습니다.
purpose
제품보다 먼저 브랜드가 가진 감도를 전하고자 했습니다. 자연의 흐름을 시각적으로 구성하고, 그 위에 브랜드의 철학과 제품 경험이 자연스럽게 이어지도록 구조를 만들었습니다.
What we did
시각 언어는 브랜드의 자연주의 철학을 기반으로 구성했습니다. 세리프 서체는 부드럽고 유기적인 인상을 주기 위해 선택되었고, 전체 레이아웃은 정돈된 그리드를 기반으로 구성해 전문성을 강조했습니다. Midjourney로 생성한 텍스처는 흙, 나뭇결, 돌의 질감을 반영했고, Blender로 제작한 3D 패키지는 제품의 고유한 재질감을 표현했습니다. 웹사이트 전반에 적용된 인터랙션은 페이지 진입, 전환 흐름을 포함하며 Figma 기반의 프로토타입으로 제작되었습니다. 디자인 시스템은 색상, 서체, 버튼, 아이콘, 이미지 사용 방식까지 포함하고 있으며, 반복 요소는 컴포넌트화하여 개발과 유지관리가 용이하도록 구성했습니다.
outcomes