OVERVIEW
탐색을 단순하게,
브랜드 가치는 감각적으로
아라움은 엄선된 재료와 정성으로 제품을 만드는 브랜드로,
‘믿을 수 있는 먹거리’라는 브랜드 가치를 시각적으로 직관적이고 명확하게 전달합니다.
브랜드의 제품력과 철학을 감각적인 컬러와 구조로 녹여내어,
사용자가 빠르고 손쉽게 탐색할 수 있는 경험을 제공하는 데 중점을 두었습니다.
섬세한 정보 설계와 이미지 중심의 배치를 통해, 시각적 몰입도 또한 함께 고려하였습니다.
DESIGN CONCEPT
정보 흐름을 기준으로 정리한 감각적 화면
제품 중심의 정직한 무드를 해치지 않도록 여백과 균형을 중심으로 정돈하였습니다.
정보는 명확하게 읽히고, 전체적인 분위기는 자연스럽게 스며들 수 있도록 톤앤매너를 조율하였습니다.
시각적 과잉 없이도 진정성이 전달되도록 디테일은 절제하고, 사용 흐름은 단순하고 직관적으로 설계하였습니다.
심플한 그래픽
간결하고 플랫한 비주얼 요소를 활용하여
몰입을 유도하고, 제품 중심의 무드를 해치지 않도록
화면을 설계하였습니다.
정보 가독성
UI 요소를 정돈하여 흐름을 단순화하고,
탐색 과정에서 핵심 정보가 자연스럽게 인식될 수
있도록 구조화하였습니다.
절제된 표현
톤앤매너는 감각적으로 유지하면서도
과한 연출은 배제하였고, 브랜드의 신뢰감을
해치지 않는 선에서 감도를 조절하였습니다.
DESIGN SYSTEM
브랜드 무드를 구성하는
시각적 언어
볼드한 타이포그래피를 주요 정보에 적용하여 시각적 무게 중심을 설정하고,
텍스트만으로도 콘텐츠의 구조와 중요도를 인지할 수 있도록 하였습니다. 또한, 포인트 컬러는 제한적으로 활용하되 화면 흐름 안에서 자연스럽게 배치하여 사용자의 시선이 핵심 정보에 도달할 수 있도록 유도하였습니다.
Point color
#FFBB00
Point color
#000000
#F9DEAE
#FFFFFF
MAIN PAGE
정보와 감각이 공존하는
브랜드의 첫인상
메인페이지를 통해 아라움의 제품력과 아이덴티티를 직관적으로 전달하고, 볼드한 타이포그래피와 포인트 컬러를 활용해 시각적 무게 중심과 강조 포인트를 설정하였습니다. 따뜻한 색감과 정돈된 레이아웃으로 브랜드의 신뢰감을 유지하면서, 트렌디한 UI 요소와 간결한 인터랙션을 적용해 사용자가 자연스럽게 탐색할 수 있도록 구성하였습니다.
SUB PAGE
사용자 관점에서
설계된 접근 흐름
페이지마다 명확한 계층 구조와 사용자 흐름을 고려해 설계했습니다.
탐색 동선을 최소화하고 핵심 정보에 빠르게 도달할 수 있도록 구성하였으며, 각 페이지의 기능별 목적이 분명하게 구분되어 있어
사용자가 처음 방문하더라도 자연스럽게 파악할 수 있습니다.
RESPONSIVE WEB
다양한 디바이스에서
동일한 경험 제공
다양한 디바이스와 해상도에서도 사용자에게 동일한 경험을 제공할 수 있도록, 반응형 웹 기반으로 제작되었습니다. 해상도에 따라 유동적으로 변화하는 레이아웃은 사용자의 몰입을 방해하지 않으며,
일관성 있는 콘텐츠와 인터페이스를 통해 어느 환경에서도 브랜드의 아이덴티티가 명확하게 전달됩니다.
