ADOPE / Works

Supplements
Detail Page 02

나를 위한 하루 한 포, 환 제형 라인관리 식품 '부기습관'의 상세페이지입니다. 적립금 혜택과 1차 완판 세트, 4가지 원료, 섭취 방법을 말풍선과 아이콘, 비교 카드로 정리하였으며, 상세페이지 기획과 디자인, 3D 목업 연출을 직접 진행하였습니다.A product detail page for Bugi Habit, a body-line care food in 3mm pills packed in single stick pouches. I laid out the reward offers, the first sold-out sets, four ingredients and intake methods with speech bubbles, icons and comparison cards, and handled the planning, design and 3D device staging myself.

Detail page · Web
Desktop laptop mockup with standing detail strips
01 — Flow

Page Flow

  1. 01
    Offers & Sets적립금 혜택은 보라색 티켓 카드로, 1차 완판 기념 세트는 이벤트별 카드로 정리하였습니다.Reward tiers are set as purple ticket cards, and the first sold-out sets as one card per event.
  2. 02
    Problem & Proof채소를 직접 챙겨 먹는 번거로움을 세 장의 카드로 보여주고, 품평단 설문 결과를 큰 숫자로, 구매 후기를 말풍선 카드로 배치하였습니다.Shows the hassle of preparing vegetables on three cards, followed by the panel survey result as a large figure and the reviews in speech-bubble cards.
  3. 03
    Night Snack떡볶이, 치킨, 라면 등 친숙한 야식 메뉴를 말풍선으로 제시하여 공감대를 유도하였습니다.Popular late-night snacks presented as speech bubbles to establish immediate daily empathy.
  4. 04
    Mechanism‘그간의 방법 효과 있으셨나요?’라는 질문에 이어 단백질 분해효소와 칼륨의 필요성을 설명하고, 4가지 원료 아이콘과 추천 상황을 사진 카드로 제시하였습니다.Follows the question about past remedies with the need for protease enzymes and potassium, then shows the four ingredient icons and the recommended situations as photo cards.
  5. 05
    Four Ingredients브로멜라인, 파파인, 칼륨, 검은콩을 원료별로 나누어 원물 사진과 함량 라벨로 정리하였으며, 브로멜라인과 파파인에는 구조 도안을 함께 배치하였습니다.Bromelain, papain, potassium and black soybean are set out one by one with ingredient photos and amount labels, with molecular diagrams added for bromelain and papain.
  6. 06
    4,000mg Content원료별 함량을 파인애플 14개, 파파야 6.5개, 호박 8.5개, 검은콩 한 주먹 등 실제 원물 수량으로 환산하여 시각화하였습니다.Each ingredient's amount is converted into the quantity of the whole ingredient: 14 pineapples, 6.5 papayas, 8.5 pumpkins and a handful of black soybeans.
  7. 07
    3mm Pill & Habit목넘김이 편한 3mm 환 제형과 개별 스틱 포장의 휴대성, 야식 후 섭취 팁을 정리하였습니다.Highlights the easy-to-swallow 3mm formulation, stick pouch portability, and intake routine tips.
  8. 08
    Checklist & FAQ7가지 생활 습관 자가진단 체크리스트와 임신·수유부 섭취 및 복용 관련 질문을 Q&A로 정리하였습니다.A 7-item lifestyle self-checklist and Q&A covering pregnancy, intake timing, and medicine combinations.
Bugi Habit product detail page
02 — Device Staging

Device Presentation

곡면 리본 형태로 흐르는 태블릿 화면을 연출한 3D 기기 목업입니다.3D device staging of tablet screens flowing as curved ribbons.

Curved floating ribbon screens on purple staging
3D 목업 연출 · 곡면 모바일 화면3D Device Staging · Floating Ribbon Screens
Bugi Habit detail page shown on multiple tablet mockups
3D 목업 연출 · 태블릿 화면 흐름3D Device Staging · Tablet Screen Flow
03 — Formulation

Product Formulation

제품의 핵심 특징인 개별 스틱 포장과 3mm 소형 환 제형의 실제 촬영 컷입니다.Product photography highlighting the individual stick pouch and the 3mm micro-pill formulation.

Bugi Habit stick pouch with poured 3mm pills
스틱 포장과 3mm 환 제형 촬영Stick Pouch & 3mm Formulation
Comparison between small 3mm pills and regular large pills
일반 환 대비 3mm 환 크기 비교 촬영Pill Size Comparison (3mm vs Standard)
04 — Plate · Colour

Colour Palette

제품 패키지와 상세페이지 전반을 주도하는 보라색을 중심으로, 배경 연보라와 흰색, 포인트로 야식 말풍선의 노란색을 조합하였습니다.Centred on the purple of the package and the page, with pale lavender and white, and the yellow of the late-night speech bubbles as the accent.

Purple#6D3FA2
Lavender#E1D6F6
White#FFFFFF
Yellow#FFD102
상세페이지 기획 · 디자인 · 3D 목업 — RIDA HADetail page planning · Design · 3D staging — RIDA HA ← Works