掲載しているサイトは すべて架空の店舗で作ったデモ です。実在する店舗・団体とは関係ありません。/ 制作:タク
Web制作デモ / 3業種

Instagramは動いているのに、
お店のサイトが無い・古いまま。

プロフィールのリンクを押した先が「情報が古いブログ」「PC前提で文字が小さいページ」だと、 せっかく見に来てくれた人がそこで止まります。
スマホで読める・料金がすぐ分かる・そのまま予約に進める——その3点だけを外さずに作った見本を3つ置いています。 下のリンクから、実際にスマホで開いて確かめてみてください。

スマホ最適化375px幅で横スクロールなし(実測済み)
予約導線画面下に固定の予約ボタン
表示が軽い外部読み込みゼロ・画像は圧縮済み
更新しやすい料金表は1行1メニューの構造
ネイル・まつげサロンのデモサイト(PCとスマホの表示)
DEMO 01 / ネイル・まつげサロン

ネイル&アイラッシュ ツキノワ

向いているお店:写真で選ばれる業種。1人〜数人でやっていて、DMで予約を受けているサロン。

  • 作品写真がそのまま主役になる正方形グリッド。Instagramの投稿画像をそのまま並べられます。
  • 料金がオフ・ケア込みで分かる書き方。「結局いくら?」で離脱させない並びにしています。
  • スマホでは画面下に「ご予約・ご相談」ボタンが常に出るので、どこまで読んでも1タップで問い合わせに行けます。
デモを開く
パーソナルジムのデモサイト(PCとスマホの表示)
DEMO 02 / パーソナルジム・整体

パーソナルジム ハガネ

向いているお店:体験・カウンセリングの申し込みが売上に直結する業種。

  • 「無料体験に申し込む」だけを主役にした構成。迷う要素を減らし、申し込みへの道を1本にしています。
  • 料金プランを3枚のカードで比較。おすすめを1つだけ目立たせる、よくある選ばせ方です。
  • 申し込み前の不安をFAQで先に潰す(勧誘されない・初心者でも大丈夫・キャンセル可)。問い合わせ後のやり取りを減らせます。
デモを開く
カフェのデモサイト(PCとスマホの表示)
DEMO 03 / カフェ・飲食

焙煎とパンの店 ヒトヤスミ

向いているお店:「今日やってる?」「何時まで?」を毎日聞かれるお店。

  • 営業時間・定休日を曜日の表で。検索から来た人が最初に探す情報を、いちばん上のほうに置いています。
  • 「本日のおすすめ」枠は、お店の方がスマホから文字を書き換えるだけで更新できる想定の作りです。
  • メニューはカテゴリごとに価格を右揃え。テイクアウトの可否まで含めて、来店前に判断できるようにしています。
デモを開く

3本すべてに共通して入れているもの

このデモについて(正直に書いておきます)

・掲載している店名・住所・電話番号・料金・写真はすべて架空です。実在のお店を模したものではありません。
・写真は実際の撮影ではなく、このデモ用にAI画像生成で作ったイメージです。実在の店舗・人物・商品を撮ったものではありません。実際の制作では、お店の写真(Instagramの投稿画像で構いません)を入れます。
・フォームは送信先を持っていないデモです。押しても何も送信されません。本番ではメール通知などに接続します。
・地図はデモ用の簡易イラストです。実案件では地図サービスの埋め込みに差し替えます。