絹の華様　洗顔筆「美肌筆」プロモーション用LP制作

対応概要

世界遺産・富岡シルクと、広島県熊野町の伝統工芸「熊野筆」がコラボレーションした高級洗顔筆**「美肌筆」**のプロモーションLPを制作。30代〜50代の「本物志向」な女性をターゲットに、伝統技術への信頼と、日々の洗顔がエステに変わる期待感を最新のWeb技術で表現しました。

課題

• 伝統工芸品としての格式を維持しつつ、現代の美容トレンドに即した洗練されたデザインへの刷新
• スマホユーザーが多いため、スクロールを止めさせない、かつ情報の入ってきやすいリッチなUIの実現
• 「なぜ6,000円を超える価値があるのか」を納得させる、論理的かつ情緒的なストーリー構成
• 広告運用やSNS流入を想定した、極限までストレスを排除した表示速度

方針と取り組み

• SPA構成とアニメーション：Next.jsとFramer Motionを組み合わせ、要素が滑らかに浮き上がるインタラクションを実装。高級ブランドに相応しい「ゆとり」と「心地よさ」を演出
• 戦略的ライティング：0.02mmの極細毛や天然シルク成分「セリシン」といった定量的・科学的なエビデンスと、職人の「一本入魂」という情緒的なストーリーを融合
• モバイルファースト設計：3ステップの使い方解説や、製品ラインナップ比較など、スマホの片手操作でも直感的に理解できるUI/UXを構築
• 配信基盤の最適化：Cloudflare Pagesによるエッジ配信と画像最適化を行い、画像点数の多いリッチなページでありながら爆速の表示速度を実現

成果

• ブランドイメージの再定義：従来の「工芸品」という見せ方から、「日常を格上げする美容道具」へのリブランディングに成功
• 高いユーザー維持率：SPAならではのシームレスな体験により、ページ下部のコンバージョンエリア（購入ボタン）までの到達率を向上
• 技術的優位性の確立：Lighthouse等の計測ツールにおいて最高水準のスコアを叩き出し、検索エンジン・ユーザー双方にフレンドリーな基盤を構築

こだわりポイント

• タイポグラフィ：見出しに優雅なセリフ体、本文に読みやすいサンセリフ体を採用し、30-50代に向けた「信頼」をデザインで表現
• シズル感の演出：極細の泡が立つ様子やシルクの質感を、言葉と動きの両面から想起させる細部の調整
• エンジニアリング：AIエージェントを高度にディレクションしつつ、最終的な挙動やデプロイ設定をエンジニアの視点で緻密にチューニング

使用環境

• 開発：Next.js (App Router), Tailwind CSS, Framer Motion
• ホスティング：Cloudflare Pages
• ツール：Lucide React, Figma