KAI — 円の中に青い波を描いたブランドロゴKAI
EC化粧品 / 医療連携

カバーメイク化粧品ECサイト

肌の色悩みをカバーする化粧品を扱う、医療連携型のブランドEC。

カバーメイク化粧品ECサイトの画面イメージ
INDUSTRY
化粧品 / 医療連携
ROLE
要件整理 / サイト設計 / デザイン / コーディング / EC構築
STACK
  • HTML / CSS
  • JavaScript
  • 独自ECシステム
  • 予約フォーム
  • レスポンシブデザイン
OVERVIEW

プロジェクト概要

あざ、シミ、白斑など肌の色悩みをカバーするメイクアップ製品を扱う化粧品ブランドのECサイトを制作しました。一般的な化粧品ECとは異なり、医療的な背景を持つ利用者への配慮を設計の中心に据えています。

01 — サイト設計

年齢・性別を限定しない構成とし、悩みの種類から製品にたどり着く導線を用意しました。

購入前に色を確かめられるよう、肌色診断ツールとサンプル購入を併設しています。

  • 悩みの種類から辿る製品導線
  • 肌色診断ツールとの連携
  • サンプル購入による事前検証
  • 年齢・性別を限定しない設計
02 — 制作ポイント

完全予約制の無料カバーメイク体験を予約フォームから申し込める形とし、オンラインと対面カウンセリングを接続しました。

医療従事者向けの勉強会・患者会情報も別導線で整備しています。

  • カバーメイク体験の予約フォーム
  • 使い方動画とファンコミュニティ
  • 医療従事者向けプログラムの独立導線
  • 患者会・勉強会情報の発信
SCREENSHOT

ページ全体。

FULL PAGE — スクロールしてページ全体を確認できます

カバーメイク化粧品ECサイトのページ全体キャプチャ(PC)
RESULTS

成果。

医療的背景を持つ利用者に向け、購入前の確認手段と対面カウンセリングへの接続を丁寧に設計したブランドECとしました。