|
|
|
|
|
|
이번에 소개할 작업은 꽃·식물 배송 브랜드 아이화플라워의 축하화분 상세페이지 디자인이에요. 근조화환, 축하화환, 꽃바구니부터 관엽식물, 동양난·서양난까지 다루는 곳이라, 한 페이지 안에서 배송 서비스 안내, 19종의 화분 상품, 주문 전 확인사항을 차례대로 보여주도록 구성했어요.
짙은 잎사귀 배경으로 시작하는 첫 화면
첫 화면에는 짙은 초록 잎사귀 사진을 배경 전체에 깔았어요. 가운데 흰 사각 프레임 안에 'I-hwa flower' 영문 로고와 아이화플라워 브랜드명을 넣었어요. 그 아래 노란 글씨로 농장에서 직접 키운 식물을 배송한다는 문구를 넣고, 취급 품목을 두 줄로 정리했어요.
바로 이어지는 영역은 연한 올리브 그린 배경으로 톤을 밝게 바꿨어요. 노란 배송 트럭 일러스트와 함께 '전국 당일 3시간 이내 배송'을 주황색 큰 글씨로 강조했어요. 리본 문구를 전용 시스템으로 출력하고 발송 전 검수한다는 내용, 식물 크기에 맞춰 리본 메시지를 무료로 제공한다는 안내도 이곳에 함께 담았어요.
네 가지 배송 서비스는 아이콘으로 묶었어요
검은 배경에 열대 잎사귀와 금색 붓 터치를 더한 영역에서는 서비스 네 가지를 금색 원형 아이콘으로 정리했어요. 배송시스템, 식물·문구 재확인, 배송완료 문자·카톡 알림, 배송사진 전송이에요.
축하화분은 받는 분에게 바로 가는 선물이라, 주문하는 분 입장에서는 잘 도착했는지가 신경 쓰일 수밖에 없어요. 이런 서비스 안내는 긴 문장보다 아이콘과 짧은 제목으로 보여줄 때 더 빨리 읽혀요.
상품이 많은 상세페이지, 어떻게 비교하기 쉽게 만들까요?
상품 종류가 많을 때는 모든 상품을 같은 형식의 카드로 만들고, 비교할 정보를 같은 위치에 두는 게 가장 알아보기 쉬워요. 이름과 사진만 나열하면 고객이 가격이나 크기를 하나하나 따로 물어봐야 하는 경우가 생기거든요.
이번 상세페이지에는 안스리움, 스투키부터 녹보수, 해피트리, 알로카시아까지 19개 화분이 들어갔어요. 상품마다 3열 카드에 01~19 번호를 붙이고, 사진 아래에 상품명·판매가·크기를 같은 순서로 넣었어요. 판매가는 50,000원부터 128,000원까지 낮은 가격 순으로 이어지고, 크기는 약 50~60cm부터 150~170cm까지 카드 하단의 올리브색 띠에 따로 표시했어요.
축하화분은 놓일 공간과 예산을 생각하며 고르는 경우가 많아서, 가격과 크기를 사진 바로 아래에서 함께 확인할 수 있게 한 것이 이 영역에서 제가 가장 신경 쓴 부분이에요. 번호가 있으니 전화나 메시지로 주문할 때 상품을 짚어 말하기도 편하고요.
주문 전에 알아둘 내용은 따로 모았어요
살아 있는 식물이라 사진과 실제 상품의 모양이나 크기가 조금씩 다를 수 있어요. 그래서 상품 목록 바로 뒤에 화분·리본 같은 부소재가 계절에 따라 달라질 수 있다는 안내를 넣었어요. 이어서 크라프트지 질감 배경에 유칼립투스 잎을 두른 '주문전 필수 참고사항' 박스에 배송 시간, 배송비 포함 가격, 샘플 이미지, 날씨에 따른 지연 가능성을 정리했어요.
마지막 '배송 및 교환/반품안내'는 회색 배경 위에 흰 카드를 쌓아 배송비, 배송시간, 취소, 교환, 환불, 교환·환불 불가 조건을 나눴어요. 당일 배송 가능 시간(오전 9시~오후 8시)이나 산간지역·제주도 추가 배송비처럼 자주 묻게 되는 내용을 카드 제목만 보고도 찾을 수 있도록 했어요.
아이화플라워처럼 상품 수가 많고 배송 조건이 중요한 업종은 상품 정보와 안내사항의 순서를 함께 고민해야 해요. 굿파크는 2012년부터 다양한 업종의 상세페이지를 디자인해왔고, 작업자와 직접 소통하며 작업을 진행하고 있어요.