BRILLIAGE MAKEUP BASE LP
LP（ランディングページ）化粧品ブランドの化粧下地LP制作
BRILLIAGEのブランド人気No.1シリーズ「メイクアップベース フェイスレスポンサー」の商品専用ランディングページをShopify内に制作しました。
累計220万本突破・複数のコスメアワードを受賞している看板商品のLPとして、ブランドの世界観を損なわないハイクオリティなビジュアル表現と、商品の魅力をしっかり伝える情報設計の両立が求められました。
「肌メイクは化粧下地から」というメッセージを軸に、Before/Afterビジュアル・3つの特徴（Feature）・商品ラインナップ（33g・55g・プラスシリーズ）・Instagramの実際の投稿と、購入を後押しする情報を自然な流れで積み上げる構成にしています。ページ全体を通じて、モデルのナチュラルな肌感を活かした上質な写真が映えるよう、レイアウトや余白に細心の注意を払いました。
制作について
-
ディレクター
すでに実績のある人気商品のLPのため、「商品を説明する」というより「この商品の世界観にどっぷり浸かってもらう」ことを意識した構成を設計しました。ファーストビューで商品とモデルを大きく見せてブランドの雰囲気を一瞬でつかんでもらい、その後アワード受賞歴・お客様の声・Before/After・Feature・Instagramと段階的に「欲しい」という気持ちを高めながら、最後のLINE UPセクションで購入へ誘導する流れを意識しています。
-
デザイナー
BRILLIAGEの世界観である「上質・洗練・素肌美」を最大限に表現することを優先しました。モデルの素肌の美しさが際立つよう、背景はホワイトとベージュを基調としたミニマルなデザインに統一。商品写真も余白を広めにとり、高級感が伝わるレイアウトにしています。Featureセクションでは3つの特徴をアイコンと画像で視覚的に整理し、テキストが多くなりすぎないよう情報密度をコントロールしました。
-
フロントエンドエンジニア
このLPはコンテンツの大部分をPC・SP別の画像で構成しているため、デバイスごとに最適な画像を切り替える実装を丁寧に行いました。Shopifyのページ内にLiquidでHTML構造を組みながら、画像の切り替えはCSSメディアクエリで制御しています。
制作期間
約1ヶ月
対応範囲
サイト構成／デザイン／HTMLコーディング／CMS開発
制作メンバー
- 情報設計
- 岡野 優太
- ディレクション
- 岡野 優太
- デザイン
- 岡野 優太
- コーディング
- 田上 美紀
- CMS実装
- 田上 美紀
