민벵이 파워꽃벵이건조 상세페이지 인트로 제품 사진

파워꽃벵이건조 제품 장점 안내 영역

파워꽃벵이건조 제품명·원재료·섭취방법 상세정보 영역

이번에 소개할 작업은 민벵이의 굼벵이 건조 제품, '파워꽃벵이건조'의 건강식품 상세페이지 디자인이에요. 한지 느낌의 배경과 전통적인 콘셉트를 바탕으로, 첫 화면에서는 제품 사진이 가장 먼저 눈에 들어오도록 구성했어요.

그 아래로는 제품 장점과 영양성분 비교표, 그리고 제품명부터 섭취방법까지 담은 제품 상세 정보를 차례대로 확인할 수 있게 정리했어요.

상세페이지 첫 화면에는 무엇을 보여줘야 할까요?

첫 화면에서는 고객이 어떤 제품인지 바로 알아볼 수 있어야 해요. 설명을 많이 넣는 것보다 제품 자체를 또렷하게 보여주는 쪽이 이해가 빠른 경우가 많아요.

굼벵이 건조처럼 누군가에게는 익숙하지 않을 수 있는 제품이라면 더 그렇다고 생각해요. 그래서 이번 인트로 이미지는 제품 사진이 중심이 되도록 크게 부각했어요. 자세한 장점과 정보는 스크롤을 내리면서 하나씩 확인하는 흐름이에요.

한지 느낌의 배경으로 전통적인 분위기를 이어갔어요

이번 상세페이지는 전체적으로 한지 느낌의 배경과 전통적인 콘셉트로 디자인했어요. 한지 특유의 은은한 질감이 페이지 전반에 깔리면서 차분하고 옛스러운 분위기가 이어져요.

콘셉트를 정했다면 인트로부터 제품 정보 영역까지 같은 분위기로 끌고 가는 게 좋아요. 중간에 스타일이 달라지면 한 제품의 페이지인데도 따로 만든 것처럼 보일 수 있거든요.

제품 장점을 소개한 뒤에는 영양성분을 비교표로 정리했어요. 항목과 수치가 많은 정보는 문장으로 풀어 쓰면 오히려 읽기 어려워서, 표로 나란히 놓아 한눈에 비교할 수 있게 했어요.

건강식품 상세페이지는 이렇게 숫자로 전달해야 하는 정보가 많은 편이에요. 표나 도표로 정리해두면 스마트폰의 작은 화면에서도 확인하기가 한결 편해요.

페이지 아래쪽에는 제품명, 식품 유형, 품목보고번호, 원재료, 보관방법, 섭취방법 등 제품의 상세 정보를 정리했어요. 건강식품은 구매 전에 이런 기본 정보를 꼼꼼히 살펴보는 분들이 많아서, 여기저기 흩어두지 않고 한 영역에서 확인할 수 있도록 구성했어요.

굿파크는 2012년부터 여러 업종의 상세페이지를 디자인해왔어요. 이번 작업처럼 제품에 어울리는 콘셉트를 먼저 잡고, 그 분위기 안에서 필요한 정보가 잘 읽히도록 정리하는 과정을 늘 함께 고민하고 있어요.