아로마에프아이 쇼핑몰 제작 포트폴리오

메인 화면 기획 및 시그니처 상품 중심 랜딩 구성

[메인 화면 기획]

견과 본연의 색감이 살아있는 넛버터 연출 사진과 '자연이 주는 건강 아몬드 한 스푼' 같은 짧은 카피로 첫 화면을 구성해,

무첨가 100% 넛버터라는 핵심 가치를 감각적으로 전달하도록 기획했습니다.

이어서 Signature 상품 4종을 할인가와 함께 바로 노출해 구매로 연결하고,

자연습관(식품)·차경(디퓨저) 두 브랜드 소개와 Contact us로 이어지게 구성해

쇼핑몰이자 아로마에프아이의 브랜드 허브 역할을 하도록 했습니다.

메인 디자인 시스템

[메인 디자인]

로고와 상단 띠배너, 푸터에 쓰인 짙은 포레스트 그린을 기준색으로 삼고,

'Signature' 타이틀 옆 초록 점과 'Experience Natural Wellness' 카피에 밝은 그린을 포인트로 더해

자연·건강의 이미지를 일관되게 표현했습니다.

넓은 여백 위에 따뜻한 톤의 음식 사진과 둥근 모서리 카드를 배치하고,

흐르는 대형 영문 타이포와 아몬드 캐릭터, 원형 문구로 단정한 레이아웃에 경쾌한 리듬을 더했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

상품 페이지는 숲 비주얼과 자연습관·차경·식품향료 브랜드 탭으로 시작해 브랜드 소개를 먼저 보여주고,

100% 넛버터·분태·분말·페이스트 카테고리 필터와 정렬 옵션 아래 상품 카드를 배치해 원하는 제품을 빠르게 찾도록 구성했습니다.

상품 상세는 구매 영역 아래 수상 이력, Non-GMO·HACCP 인증, 구성품과 패키지를

순서대로 담은 상세 이미지를 배치해 신뢰와 선물 가치를 차근차근 전달하도록 했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

상단 띠배너의 '1초 회원가입 후 50,000원 쿠폰팩' 혜택 안내로 첫 방문 고객의 가입을 유도하고,

GNB를 SHOP·COMMUNITY·CONTACT US 세 가지로 단순화해 쇼핑 동선을 짧게 설계했습니다.

상품 상세는 판매가·할인율·배송비와 옵션 선택, 장바구니·바로구매 버튼을 한 화면에 모았고,

긴 상세 이미지는 '상세정보 펼쳐보기'로 접어 두어 구매 영역과 상품평·Q&A로 빠르게 이동할 수 있도록 했습니다.