ADOPE / Works

Children’s
Nutrition

뉴질랜드 초유와 녹용을 담은 어린이 건강기능식품 '키그로우'의 상세페이지입니다. 정보가 많은 제품을 부담 없이 읽히도록 흐름을 나누고, 상세페이지 디자인과 제품 그래픽을 진행했습니다.A product detail page for Key Grow, a children's supplement made with New Zealand colostrum and deer antler. I split a lot of information into an easy reading flow, and designed the page and its product graphics.

Detail page · Web
Key Grow detail page shown on two phone mockups
01 — Flow

Page Flow

  1. 01
    Opening"하루 한 포, 초유와 녹용을 동시에" — 제품이 무엇인지 한 문장으로 먼저 보여줍니다."One stick a day, colostrum and antler together" — what the product is, in one line.
  2. 02
    Brand뉴질랜드 풍경과 브랜드 이야기로 원료에 대한 신뢰를 먼저 쌓습니다.New Zealand scenery and the brand story build trust in the ingredients first.
  3. 03
    Ingredients다섯 가지 핵심 성분의 함량을 같은 모양의 칸에 담아 한눈에 비교되게 했습니다.Five key ingredients sit in identical rows so amounts compare at a glance.
  4. 04
    Why it's different원료 · 제형 · 휴대성 · 인증을 번호를 붙인 짧은 항목으로 정리했습니다.Source, format, portability and certification as short numbered points.
  5. 05
    Offers구매 혜택과 리뷰 이벤트는 분홍 톤 영역으로 분리해 정보와 섞이지 않게 했습니다.Offers and the review event live in a pink block, apart from product information.
  6. 06
    Five reasonsPoint 01~05로 하나씩 넘기며 원료와 공정을 일러스트와 함께 설명합니다.Point 01–05 walk through ingredients and process with illustrations.
  7. 07
    Facts영양 정보와 보관 · 섭취 주의사항을 표로 정리해 마무리합니다.Nutrition facts and storage and intake notes close the page as tables.
Key Grow product detail page
03 — Product graphics

Product Graphics

상세페이지 안팎에서 쓰인 제품 이미지와 정보 그래픽입니다.Product images and information graphics used on and around the page.

Detail page sections on phone mockups
04 — Plate · Colour

Colour Palette

제품 패키지의 라벤더를 바탕색으로 쓰고, 함량 · 강조 문구에는 장밋빛 분홍을, 일러스트에는 민트를 더했습니다.Lavender from the package as the base, rose pink for amounts and highlights, and mint for the illustrations.

Lavender#BBB3C3
Purple#9054C0
Rose#C05478
Blush#DFC9CF
Mint#9CD8CC
Plum grey#857686

정보가 많은 제품일수록
읽는 순서를 먼저 설계했습니다.The more a product has to say,
the more the reading order matters.

상세페이지 디자인 · 제품 그래픽 — RIDA HADetail page design · Product graphics — RIDA HA ← Works