LP構築プロセス
LP制作事例について、制作プロセスを含め紹介いたします。
実際の制作も同様のプロセスで行いますのでご参考にしていただければ幸いです。

プロジェクトの目的
LP制作で悩みを抱えているユーザーへ、課題の言語化およびESSENCE Design Officeが提供する価値を提示することで無料相談(メールでのお問合せ)の獲得を目指す。
戦略構築
ターゲットとするペルソナへの洞察を基に、制作方針の策定、情報構造(IA)の設計を行う。
ペルソナの設計
基本情報
名前
鈴木 めぐみ
年齢
34歳
居住区
神奈川県川崎市
仕事
川崎市内で店舗兼オンライン展開を行う焼き菓子店(個人事業)の代表・オーナーシェフ
使用端末
Mobile(Instagram更新・問い合わせ・DM対応用)、Desktop(EC管理・事務作業用)
役割
店舗運営から商品開発、広報・集客までを1人で一手に担う個人事業主
概要
・
川崎市内で実店舗を運営しながら、オンライン販売も手掛ける個人事業主。製造から集客・SNS運用までを1人で切り盛りしている。
・
Instagramでの発信(写真やリール動画)で認知や注目を獲得することはできており、フォロワーからの反響も出始めている。
・
一方で、プロフィールに貼るリンク先が簡易的なまとめツール(またはSNSの延長のようなページ)しかなく、「しっかりとした信頼感を与えるホームページ(看板)」がないことに強い課題感を持っている。
・
大手向けの高価格で複雑な制作プランではなく、個人事業の規模感に寄り添った「Instagramからの導線を踏まえた現実的で地に足のついた提案」をしてくれる伴走型パートナーを探している。
制作方針の策定
論理の透明性によるパートナー選定の最適化
・
構成およびデザイン細部における意図の明確化と提示
・
ビジネス課題をWeb集客の成果へ変換する論理的な共通言語化
・
初めてのHP導入を成功へ導く透明性の高い情報共有
目的達成への最短距離を実現する情報構造とデザイン
・
余計な装飾を削ぎ落としたミニマルなデザインによる認知負荷の低減
・
ユーザーを迷わせず「サービス申し込み・問い合わせ」へ導く最適化された導線設計
・
専門家としての信頼感と、相談しやすさを両立させる配色およびフォントの選定
事業成長を加速させる堅牢な技術基盤の構築
・
訪問者の個人情報とプライバシーを守る標準実装のセキュリティ対策
・
AI検索や最新の検索エンジンへの適応による機会損失の防止
情報構造(IA)
伝えたい情報の順番・流れに合わせて情報構造を設計。
セクション
コンテンツ
ファーストビュー
メインコピー・アイキャッチ
興味・関心
ポテンシャルの想起
説得・エビデンス
提供できる解決策の特長訴求
信頼
制作フロー・運用・FAQ
行動喚起・クロージング
背中押し・CTA
デザインシステムの定義
戦略を視覚的ルールとして言語化し、実装の土台を構築。
制作
論理的根拠に基づいたワイヤーフレームを作成し、忠実度のステップを踏んだプロトタイプを制作、最終化したビジュアルデザインをStudioで実装。
ワイヤーフレーム作成


高忠実度デザイン作成(High-fidelity design)


Studioでの実装
ノーコードツールStudioを用いて実装。
・
Figmaで作成した高忠実度プロトタイプに基づき、デザインの細部まで忠実にStudioへ実装し、精緻に調整。
・
デスクトップ、タブレット、モバイルの各端末において最適な表示となるよう、レスポンシブデザインを徹底。
・
SEO対策を実施し、検索エンジンでの視認性を高めるとともに、AIO(AI最適化)を含めた検索体験の最適化にも対応