ADOPE / Works

Jojoba
Oil

에크리크 호호바오일 상세페이지를 디자인하였습니다. 단 하나의 성분이라는 제품 특징을 보틀과 인증 마크 중심의 첫 화면으로 보여주고, 피부 고민은 말풍선, 성분 비교는 도표와 일러스트로 구성하였습니다. 페이지 전체는 제품의 황금빛에 맞춰 노란 계열 색으로 통일하였습니다.I designed Acreque’s jojoba oil detail page. The opening centres on the bottle and certification marks to present a single-ingredient oil, skin concerns appear as speech bubbles, and ingredient comparisons use diagrams and illustrations. The whole page follows the golden yellow of the product.

Detail page · Web
Jojoba oil detail page shown on phone mockup
01 — Flow

Page Flow

  1. 01
    Opening제품명 문구와 보틀, 인증 마크 세 개를 첫 화면에 배치하였습니다.The opening brings together the product name line, the bottle and three certification marks.
  2. 02
    Skin concerns피부 고민 여섯 가지를 말풍선으로 구성하여 방문자가 자신의 고민을 바로 찾아볼 수 있도록 하였습니다.Six skin concerns appear as speech bubbles so visitors can find their own at a glance.
  3. 03
    Moisture보습·탄력·피지 케어를 세 항목으로 정리하였습니다.Three stacked blocks organise moisture, elasticity and sebum care.
  4. 04
    Solution피부 지질과 호호바오일의 화학 구조 비교에 이어, 피부 단면 일러스트 세 컷으로 사용 과정을 구성하였습니다.A chemical-structure comparison with skin lipids is followed by three skin cross-section illustrations of how the oil is used.
  5. 05
    Origin원산지 설명과 인증서를 하나의 구간으로 구성하였습니다.Origin information and a certificate sit together.
  6. 06
    Key points제품 특징을 육각형 도표와 번호별 설명으로 정리하였습니다.A hexagonal chart and numbered sections organise the product features.
  7. 07
    How to use얼굴·모발·바디 사용법을 구분하였습니다.Directions are separated into face, hair and body uses.
  8. 08
    Extraction비정제·냉압착 공정을 두 원으로 비교하였습니다.Two circles explain unrefined oil and cold pressing.
  9. 09
    Product facts전성분과 사용법·주의사항을 마지막에 정리하였습니다.Ingredients, directions and precautions close the page.
Page Flow
02 — Details

Page Details

Jojoba Oil opening
Skin concerns section
Ingredient comparison and skin illustrations
Cold pressing layout
03 — Plate · Colour

Colour Palette

Cream#FFF2E0
Yellow#F9C95D
Ochre#CFAD57
Brown#98702D
Ivory#FBF6EB
Grey#E2DBCB
상세페이지 디자인 — RIDA HADetail page design — RIDA HA← Works