WEBSITE
担当:構成設計/ワイヤーフレーム/UIデザイン/フロントエンド実装/レスポンシブ対応/クライアント対応(サーバー設定以外を一貫担当)
Landing Page Improvement & Analytics Setup
UIデザイン / フロントエンド / 計測導入
Figma / HTML / CSS / GA4 / Microsoft Clarity
公開後も改善できるLPの構築
公開後も効果測定と改善を続けられる基盤を構築
計測環境を整備し、定量的な判断を可能に
ユーザー行動を分析し、体験を継続的に向上
新規オープンのポーカーバーのWebサイト制作案件として、営業経由で依頼を受けました。 参考サイトのみ共有され、サイト構成やデザインの方向性はお任せの状態でスタート。
店舗のコンセプトや雰囲気がまだ言語化されていなかったため、 ブランドイメージの整理と、来店につながる導線設計が必要な状況でした。
本サイトは、ポーカーバーの認知向上と来店のきっかけ創出を目的として制作。 ポーカー初心者を含む幅広い層に興味を持ってもらい、安心して来店できる情報設計を目指しました。
・ポーカー初心者
・興味はあるが来店ハードルを感じている層
・幅広い年齢層の来店検討ユーザー
・新規店舗のためブランドイメージが未整理
・来店までの心理的ハードルが想定される
・構成自由度が高く、情報設計次第で成果が大きく変わる状態
・公開後の改善を見据えた計測環境が未整備
店舗イメージのすり合わせを目的に、 トーンの異なるデザインラフを2案制作。
・黒基調の大人向けデザイン
・ロゴカラーに合わせた緑基調デザイン
比較検討できる形で提示することで、 クライアントとの認識齟齬を防ぎ、スムーズな方向性決定につなげました。
また、ポーカー初心者でも安心して来店できるよう、 店舗の雰囲気が伝わるビジュアル配置や、 来店までの導線整理を意識して設計しました。
サーバー設定以外の工程を一貫して担当。
・構成設計
・ワイヤーフレーム作成
・UIデザイン
・レスポンシブ対応
・コーディング修正
・クライアント対応
・新規店舗におけるブランド整理の重要性を実感
・初心者導線を意識した情報設計の経験を獲得
・GA4 / Clarity を用いた分析基盤構築を実践
・制作〜公開後改善まで見据えた思考を身につけた
Google Analytics 4およびMicrosoft Clarityを導入し、ユーザー行動の可視化基盤を構築。
公開後28日間でアクティブユーザー150名、新規ユーザー148名を獲得。
流入の大半はOrganic Search経由となっており、検索流入の基盤形成を確認。
現在はデータ蓄積フェーズとして、今後ヒートマップ分析をもとにUI改善を継続予定。
取得したデータをもとに、今後のUI改善に活用できる基盤を構築。
GA4により基礎指標を計測し、ユーザー獲得状況を可視化
Clarityのヒートマップでクリック分布・スクロール到達率を分析し、UI改善に活用
改善を継続できるLP基盤を構築