コンセプト

「即効の美白・美肌」ではなく、発酵という時間をかけたプロセスそのものが美容であるという、スロービューティーの思想を掲げた、架空の発酵美容オイルブランド「発酵ノ雫」。高価格帯の定期購入商材という設定のもと、急かさない、静かな説得力を軸にしたLPを設計しました。

ターゲット

仕事に追われ、スキンケアに十分な時間をかけられないことにコンプレックスを持つ層を想定しています。「即効性」よりも「ちゃんとしたものを、ちゃんと使っている」という納得感を大切にする人に届くことを意図しました。

デザイン

軸にしたのは「目的→表現」という考え方です。オフホワイト×グレージュ×金箔色の配色と、明朝体ベースの余白を広く取ったタイポグラフィで、和モダンで静かな高級感を表現しました。このLPの一番の見せ場は、オイルが肌へ滴り落ち、浸透していく質感をスクロールに連動させた演出です。発酵という「時間の経過」そのものを、視覚的な体験として設計しています。

担当箇所

サイト仕様書・サイトマップ・ディレクトリ構成・ワイヤーフレーム（PC／SP）・プロトタイプ（PC／SP）の設計に加え、Claude Codeへの実装ディレクションと、動作確認・修正指示までを一貫して担当しました。

使用技術・ツール

WordPress（オリジナルテーマ自作）／Local by Flywheel（ローカル開発環境）／Claude Code（実装）／HTML・CSS・JavaScript／Google Fonts（Zen Old Mincho／Zen Kaku Gothic New）／Excel・HTML（設計ドキュメント・ワイヤーフレーム作成）

制作物一覧

• サイト仕様書
• サイトマップ・ディレクトリ構成書
• ワイヤーフレーム（PC／SP）
• プロトタイプ（PC／SP）
• 画像生成プロンプト一覧
• オリジナルWordPressテーマ
• スクロール連動アニメーション（オイル演出）
• 申込モーダル（PC中央ポップアップ／SPフルスクリーン）
• 動作確認レポート