制作意図シート

本サイトは制作実績としてつくった自主制作のサンプルです。店名・住所・電話番号・メニューはすべて架空のもので、写真はイメージです（制作：ふきのとうWeb・自主制作）。

想定するお店	札幌市内の住宅街にある、古民家を改装した個人経営のカフェ（座席26席・スタッフ3名、架空）
設定した課題	グルメサイトとInstagramの情報しかなく、お店の空気感やランチの内容がまとまって伝わる場所がない。初めての人が「行ってみたい」と思っても、予約の方法や駐車場がすぐに分からない。
サイトの目的	休日の行き先を探している人に「ここでゆっくり過ごしたい」と感じてもらい、電話予約とInstagramのフォローにつなげる（目標とする行動は「電話で予約」「Instagramを見る」の2つ）。
制約条件	予算は3〜5万円、納期は約2週間 LP1ページのみ。予約フォームは置かず、予約は電話で受ける 写真は依頼者が後日提供（仮画像で設計し、Unsplashの写真で見た目を確認）

設計で判断したこと

1. 写真を大きく使い、余白を広くとる
   古民家の空気感は、文章よりも写真で伝わります。写真を画面いっぱいに使い、見出しは明朝体にして、落ち着いた雰囲気に揃えました。
2. スマホでは電話とInstagramを画面下に固定する
   どこまで読み進めても、ひと押しで電話予約やInstagramに移れるようにしました。Instagramのアカウントがない段階では、ページ内のギャラリーを見せます。
3. 写真はスクロールに合わせて控えめに表示する
   写真がふわっと現れる演出で、ゆったりした雰囲気を出しました。動きを減らす設定の端末では動かさず、JavaScriptが動かない場合もすべての内容が表示されます。

確認結果

• 確認した画面幅：375px・768px・900px・1024px・1150px・1280px
• Lighthouse（モバイル）：パフォーマンス 92／アクセシビリティ 100／ベストプラクティス 100（検索避け設定のため、SEO項目は評価対象外です）

見積もりの目安

LP1ページ（デザイン＋コーディング・スマホ対応・基本SEO）	30,000円から
LPのデザインのみ（コーディングなし）	20,000円から

いずれも修正3回込み

サンプルサイトを見る