ADOPE / Works
Detail Page · Compositing

무궁담 영양제
상세페이지
Mugungdam
Detail Page

무궁담 영양제의 상세페이지를 기획하고 디자인했습니다. 제품 사진이 없어 패키지와 연출 이미지를 합성으로 만들었고, 실물이 없던 알약 클로즈업만 AI로 생성했습니다. I planned and designed the detail page for Mugungdam. With no product photos available, I composited the package and scenes. Only the tablet close-up was generated with AI, as there was no sample to photograph.

Client 무궁담 Role 기획 · 상세페이지 디자인 · 이미지 합성
Mugungdam package box and bottle composite mockup
01 — Flow

Page Flow

무궁화 원료 소개에서 시작해 섭취 안내, 원료 배합, 제조 정보 순서로 구성했습니다. The page moves from the flower ingredient to intake guidance, the blend and manufacturing information.

  • 01
    Intro & Key Visual무궁화 이미지와 제품 소개를 첫 화면에 배치했습니다.Flower images and the product introduction appear in the opening.
  • 02
    Daily Routine섭취 안내를 일상 장면과 함께 보여줬습니다.Intake guidance is paired with an everyday scene.
  • 03
    Key Variety 75%제공된 원료명과 함량을 크게 표기했습니다.The supplied ingredient name and content percentage appear in large type.
  • 04
    Synergy Design원료 선정부터 배합까지의 과정을 순서대로 정리했습니다.Ingredient selection and blending are arranged in sequence.
  • 05
    Botanical Origin무궁화와 동백꽃 원료를 이미지로 소개했습니다.Images introduce the flower ingredients.
  • 06
    Supporting Blend부원료의 이름과 이미지를 한 구간에 모았습니다.Supporting ingredient names and images share one section.
  • 07
    Formulation Quality알약의 형태를 보여주는 이미지를 배치했습니다.An image shows the tablet's shape.
  • 08
    HACCP & Trust제공된 HACCP 인증과 제조 정보를 따로 정리했습니다.The supplied HACCP and manufacturing information appear separately.
  • 09
    Guide & FAQ섭취 안내와 자주 묻는 질문으로 마무리했습니다.Intake guidance and frequently asked questions close the page.
DETAIL PAGE
Detail page slice 01 Detail page slice 02 Detail page slice 03 Detail page slice 04 Detail page slice 05 Detail page slice 06 Detail page slice 07 Detail page slice 08 Detail page slice 09
02 — Images

Making the Images

제품 사진이 없어 상세페이지에 쓸 이미지를 직접 만들었습니다. 장면과 패키지는 합성으로, 알약 클로즈업은 AI로 만들었습니다. With no product photos available, I made the images: scenes and packaging by compositing, and the tablet close-up with AI.

01COMPOSITE
Phase 01 Botanical Flower to Powder to Tablets
꽃에서 알약까지From flower to tablet

무궁화 꽃에서 분말이 흘러내려 알약이 되는 장면을 합성했습니다. 고함량 75% 구간에 썼습니다.

A composite of powder falling from the flower and turning into a tablet, used for the 75% content section.

COMPOSITE · 75% SECTION
02AI IMAGE
Phase 02 AI Realistic Herbal Tablets
알약 클로즈업Tablet close-up

알약 실물이 아직 없어서 이 컷만 AI로 생성했습니다. 표면의 원료 입자가 보이도록 다듬었습니다.

The tablets did not exist yet, so this one shot was generated with AI and refined to show the grain of the ingredients.

AI IMAGE · TABLET
03COMPOSITE
Mugungdam box and bottle composite
패키지Packaging

단상자와 보틀을 합성해 패키지 컷을 만들었습니다. 상세페이지와 아래 연출 컷에 같은 패키지를 썼습니다.

The box and bottle were composited into a package shot, reused across the page and the scenes below.

COMPOSITE · BOX & BOTTLE
03 — Ingredients

Ingredients & Routine

부원료 소개와 제품이 만들어지는 과정을 각각 다른 구간으로 나눴습니다. Supporting ingredients and the product development process appear in separate sections.

5 Supporting synergy ingredients from pomegranate to hand model
부원료를 보여주는 순서Showing the supporting ingredients

석류, 모로오렌지, 레몬버베나, 히알루론산, 엘라스틴을 한 줄로 이어 보여주고, 알약을 든 손으로 마무리했습니다.

Pomegranate, Moro orange, lemon verbena, hyaluronic acid and elastin in one column, ending on a hand holding the tablets.

Mugungdam, becoming a routine: farm visits, extraction tests, blend design, stability tests
제품이 만들어지는 과정The development process

농장 방문과 품종 선정, 추출 실험, 원료 배합, 안정성 테스트를 거쳐 알약이 되기까지를 한 흐름으로 정리했습니다.

Farm visits and variety selection, extraction tests, the blend and stability testing, laid out as one path to the finished tablet.

04 — Compositing

Package Compositing

단상자와 보틀 패키지를 합성으로 만들고, 같은 패키지로 그림자 컷과 라인업 컷을 구성했습니다. I composited the box and bottle, then reused the package in shadow and lineup scenes.

Mugungdam package box and bottle composite with shadow
Shadow · Composite
Mugungdam package lineup composite presentation
Lineup · Composite
05 — Quality

Trust & Standards

제공된 HACCP 인증과 품질 관리 내용을 따로 모았습니다. 원료 설명과 제조 정보를 구분해 읽을 수 있도록 했습니다. The supplied HACCP and quality-control information are grouped separately from ingredient descriptions.

HACCP certificate and safety standard banner
06 — Palette

Colour Palette

무궁화의 로즈 핑크, 줄기의 딥 그린, 아이보리를 중심으로 색을 정했습니다. The palette uses flower pink, stem green and ivory.

Mugung Rose#B84A62
Botanical Green#36533A
Moro Warmth#D47055
Pure Ivory#F8F6F2
Deep Slate#1B1D1C

제품 사진 없이 시작해,
합성으로 상세페이지 이미지를 만들었습니다.
With no product photos to start from,
I built the page images by compositing.

기획 · 상세페이지 디자인 · 이미지 합성 — RIDA HA Planning · Detail Page Design · Image Compositing — RIDA HA ← Works