Website Project

풀무원이 만든 반려동물 건강먹거리, 아미오

풀무원이 건강기능식품 전문회사 풀무원건강생활을 통해 '아미오’ 를 런칭했습니다. 아미오는 '아미오'는 풀무원의 '생명존중' 정신을 바탕으로 사람과 함께 더불어 살아가는 반려동물이 안심하고 먹일 수 있도록 만든 반려동물 건강먹거리 브랜드입니다.

Client

풀무원

Developer

Vryus

Project Type

Web

Process

Html , Css , Js

DESIGN CONCEPT

제품의 특징과 반려동물에 대한 감성을 유기적으로 연결하고,
홈페이지 방문자들의 신뢰감을 높이기 위해 실제 반려동물에게
아미오 식품을 먹여본 후기를 리스트하여 바로 볼 수 있도록 기획하였습니다.

반려동물에 대한 따뜻한 느낌을 담은

브랜드의 감성이 녹아있는 웹사이트

가족적인 이미지와 일러스트를 사용하여 반려동물에 대한 따뜻한 느낌을 담아 감성적으로 풀어낼 수 있도록 디자인하였고,
주요 방문자층인 30~40대 여성을 타겟으로 파스텔톤의 색상으로 제품의 특징과
브랜드 감성을 유기적으로 연결하여 브랜드의 신뢰감과 상품을 고급화할 수 있도록 하였습니다.

쇼핑 동선을 고려한 레이아웃 설계

최소한의 이동으로 주식, 간식 카테고리의 여러 가지 상품과 상품의 정보, 상품평을 확인하고
장바구니에 담고 구매까지 이어질 수 있도록 기획하여 고객의 편의성을 높이고자 하였습니다.
특히 장바구니 페이지는 다른 페이지로 이동할때에도 오른쪽에 계속 고정되어 보이도록 설계하여서 쇼핑편의성을 높였습니다.

COLOR SYSTEM

TYPOGRAPHY

단단한 구조의 고급스러운 Rix 고딕 서체와 낮은 해상도에서도 잘 보이는 맑은 고딕 서체를 사용하여
단단하면서 다양한 해상도를 놓치지 않은 웹사이트를 제공합니다.

ICON

DESIGN IDENTITY

최소한의 이동으로 사용자에게 맞는 제품을 찾을 수 있도록 로직 및 제품찾기 카테고리를 이용하여
사용자들의 쇼핑 편의성을 높일 수있도록 설계하였습니다.

한눈에 보는 제품 특징

상품에 대한 특징을 한눈에 알아보기 쉽도록 인포그래픽으로 디자인하여 임팩트있게 정보를 전달할 수 있도록 디자인하였습니다.
제품의 주요 색상으로 톤 앤 매너를 맞추어 제품 각각의 특징을 최대한 부각할 수 있도록 하였습니다.

모바일 페이지

재구매율을 높이는 목적으로 쇼핑 위주의 기능만 강화하여 모바일웹을 제작하였습니다. 메인에서는 버튼으로만 구성하여
메뉴의 구성을 직관적으로 보일 수 있도록 하였고, 다른 페이지로의 이동이 편리하도록 구성하였습니다.
마이샵(마이페이지)에서는 최근구매상품을 볼 수 있는 기능을 구성하여, 주로 구매하는 제품을 재구매하기 쉽도록 설계하였습니다.