EC・化粧品 提案デザイン
スキンケアの自社ECサイト
肌タイプで製品を探し、定期便でリピート購入につなげるスキンケアの自社EC
聖水のスキンケアブランドが運営する自社ECサイトを想定した提案デザインです。運営者は管理画面で通常注文、定期決済、決済失敗をまとめて管理します。
- 課題 01
大きいオープンマーケットの販売比率
オープンマーケット中心の販売は手数料の負担が大きく、購入者の連絡先や購入履歴をブランドが持てません。
- 課題 02
逃してしまう再購入のタイミング
スキンケア製品は使い切る時期がほぼ決まっていますが、案内をしないとお客様は他の店で新しい製品を買います。
- 課題 03
1枚画像の商品詳細ページ
詳細説明を長い画像で作るとスマートフォンでは文字が小さく、文言を1つ直すにも画像を作り直す必要があります。
実際に触れる試作
スクロールするか、画面内のボタンを押してみてください。
가을 보습 루틴
기초 3종 세트
토너, 세럼, 크림을 한 번에 담았습니다.
세트로 사면 17% 할인
베스트
피부 고민별 추천
세안 후 당김이 느껴질 때
수분 세럼을 먼저 바르고, 크림으로 마무리하는 순서를 권합니다.
- 1쑥 약산성 토너
- 2판테놀 수분 세럼
- 3세라마이드 보습 크림
전성분과 함량을
먼저 공개합니다
모든 제품 상세페이지에 전성분을 글자로 올려 두었습니다. 주요 성분은 함량까지 적었습니다.
- 쑥잎추출물
- 쑥 약산성 토너 58%
- 판테놀
- 판테놀 수분 세럼 5%
- 세라마이드엔피
- 세라마이드 보습 크림 1%
정기배송으로 받으면 10% 할인
4주, 6주, 8주 중 주기를 고르세요. 다음 회차 건너뛰기와 해지는 마이페이지에서 바로 할 수 있습니다.
신규 회원 혜택
가입하면 바로 지급됩니다
(최대 1만 원 할인)
금액과 상관없이
배송비를 받지 않습니다
구매 확정 후 적립되고
1,000원부터 사용할 수 있습니다
가을 보습 루틴
기초 3종 세트
토너, 세럼, 크림을 한 번에 담았습니다.
세트로 사면 17% 할인
베스트
피부 고민별 추천
세안 후 당김이 느껴질 때
수분 세럼을 먼저 바르고, 크림으로 마무리하는 순서를 권합니다.
- 1쑥 약산성 토너
- 2판테놀 수분 세럼
- 3세라마이드 보습 크림
전성분과 함량을
먼저 공개합니다
모든 제품 상세페이지에 전성분을 글자로 올려 두었습니다. 주요 성분은 함량까지 적었습니다.
- 쑥잎추출물
- 쑥 약산성 토너 58%
- 판테놀
- 판테놀 수분 세럼 5%
- 세라마이드엔피
- 세라마이드 보습 크림 1%
정기배송으로 받으면 10% 할인
4주, 6주, 8주 중 주기를 고르세요. 다음 회차 건너뛰기와 해지는 마이페이지에서 바로 할 수 있습니다.
신규 회원 혜택
가입하면 바로 지급됩니다
(최대 1만 원 할인)
금액과 상관없이
배송비를 받지 않습니다
구매 확정 후 적립되고
1,000원부터 사용할 수 있습니다
- ページ 01 / 05
トップ
企画バナーの下に、ベストセラー、肌悩み別のおすすめ、成分配合量、定期便の案内が続きます。
- ページ 02 / 05
商品一覧
カテゴリータブ、肌タイプと価格のフィルター、並べ替えを1画面に置き、合う製品を探せます。
- ページ 03 / 05
商品詳細
購入方法で定期便を選ぶと割引額が反映され、全成分は文字で掲載しています。
- ページ 04 / 05
注文画面
配送先、クーポン、ポイント、決済手段を1ページで選ぶと、決済金額がすぐに変わります。
- ページ 05 / 05
マイページ
定期便カードで次回の決済日と周期を確認し、次回のスキップや解約ができます。
自社ECのリピート購入は、製品を使い切る時期に合わせた定期便でつなぎとめる必要があります
- 01
確認できる事実で構成した詳細情報
観察韓国の化粧品法は、医薬品と誤認されるおそれのある表示・広告を禁止しています。
決定詳細情報には、テクスチャー、成分の配合量、使い方、全成分を文字で載せ、レビューの下には個人の使用感であるとの注記を付けました。
- 02
定期便は購入方法の中で選択
観察定期便を別メニューにだけ置くと、商品を見ているお客様が気づかずに通り過ぎます。
決定商品詳細で1回購入と定期便10%割引を並べ、4・6・8週から周期を選べるようにしました。
- 03
肌タイプで商品とレビューを絞り込み
観察同じ製品でも、肌タイプによって使用感の感じ方が変わります。
決定商品一覧は肌タイプのフィルターで、レビューは投稿者の肌タイプのタブで絞り込めるようにしました。
- 04
スキップと解約はマイページで
観察解約の手間が大きそうに見えると、最初から定期便を申し込まないお客様が多くいます。
決定マイページの定期便カードから、次回のスキップ、決済手段の変更、解約をすぐに行えるようにしました。
運営担当者が毎日開く画面
フィルターや表は実際に操作できます。
주문·정기배송
2026년 9월 25일 (금) 11:05 기준| 주문번호 | 주문 일시 | 주문자 | 상품 | 구분 | 결제 수단 | 결제 금액 | 상태 | |
|---|---|---|---|---|---|---|---|---|
| 20260925-0002114 | 09.25 10:42 | 오지현 | 쑥 약산성 토너 400mL | 정기 3회차 | 카카오페이 | 32,400원 | 결제 완료 | |
| 20260925-0002113 | 09.25 10:31 | 이도준 | 기초 3종 세트 | 일반 | 네이버페이 | 68,000원 | 결제 완료 | |
| 20260925-0002109 | 09.25 09:58 | 박지희 | 판테놀 수분 세럼 외 1건 | 일반 | 토스페이 | 39,800원 | 상품 준비 | |
| 20260925-0002102 | 09.25 09:12 | 최유아 | 무기자차 선크림 SPF50+ | 일반 | 카드 | 21,600원 | 상품 준비 | |
| 20260925-0002097 | 09.25 08:40 | 정민우 | 세라마이드 보습 크림 | 정기 2회차 | 카카오페이 | 32,000원 | 상품 준비 | |
| 20260925-0002088 | 09.25 07:03 | 한소리 | 약산성 젤 클렌저 외 2건 | 일반 | 카드 | 55,200원 | 송장 등록 | |
| 20260924-0002071 | 09.24 22:17 | 윤하서 | 쑥 토너 패드 70매 | 일반 | 네이버페이 | 25,000원 | 배송 중 |
- Toss Payments
- KakaoPay
- NAVER Pay
- カカオトーク通知（Kakao AlimTalk）
- カカオ・NAVERログイン
- 宅配便の配送状況照会
- 01定期便の申し込み率商品詳細の訪問者のうち定期便を申し込んだ割合
- 02再購入率初回購入のお客様のうち90日以内に再度購入した割合
- 03決済の離脱率注文画面に進んだ後、決済を完了しなかった割合
実際のサービスでは、リリース後にこれらの指標で効果を確認します。
