PORTFOLIO
Hospital & Clinic
Vizen Medical Portfolio

성형외과, 피부과, 치과, 한의원 등 다양한 의료기관의
성공적인 웹사이트 구축 사례를 확인해 보세요.

PORTFOLIO

아로마에프아이 쇼핑몰 제작

개발분야 : ShopingMall(쇼핑몰)
아로마에프아이_쇼핑몰_반응형 2025/05
병원 홈페이지 제작 포트폴리오 목록 이동 버튼 이전 병원 포트폴리오 사례 보기 버튼 다음 병원 포트폴리오 사례 보기 버튼
아로마에프아이_ 쇼핑몰_ 반응형 쇼핑몰제작

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

아로마에프아이 쇼핑몰 메인 화면으로 넛버터 제품과 시그니처 상품 4종이 전시된 랜딩 페이지

[메인 화면 기획]

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

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

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

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

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




메인 디자인 시스템

포레스트 그린 기준색과 밝은 그린 포인트를 활용한 아로마에프아이 메인 디자인 시스템

[메인 디자인]

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

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

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

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

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




콘텐츠 디자인 및 정보 구조

숲 비주얼과 브랜드 탭, 상품 카테고리 필터가 있는 상품 페이지 및 상세 정보 구성

[콘텐츠 디자인]

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

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

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

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




웹사이트 UX/UI 최적화

회원가입 쿠폰 안내와 단순화된 GNB, 구매 버튼이 통합된 상품 상세 페이지 UX

[웹사이트 UX/UI]

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

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

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

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


병원 홈페이지 제작 포트폴리오 목록으로 돌아가기 버튼
이전 병원 포트폴리오 프로젝트 보기 버튼 다음 병원 포트폴리오 프로젝트 보기 버튼
상단으로 상단으로

상담요청

전문보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →