制作サンプル

「こういうサイトがつくれます」というデザイン例です。
業種やお店の雰囲気、届けたい相手に合わせて、見た目も構成も一からつくります。

ホームページ型

お店や会社の「顔」になるサイト。サービス・料金・アクセスなど、知りたい情報を一通りそろえ、メニューから行き来できる構成です。

カフェのサンプルサイトのプレビュー

SAMPLE 01 / カフェ

珈琲と焼き菓子 つむぎ舎

あたたかみのある色と手描き風のイラストで、お店の空気感を伝えるサイト。おしながきと営業案内をすぐ見つけられる構成です。

  • 飲食店
  • あたたかい
  • イラスト
サンプルを見る
美容室のサンプルサイトのプレビュー

SAMPLE 02 / 美容室

hair salon YUHARI

メニューを左に固定した、雑誌のような組み立てのサイト。縦書きのコピー、タブで切り替える料金表、横に流れるスタイル集で見せます。

  • 美容室・サロン
  • サイドメニュー
  • 縦書き
サンプルを見る
パーソナルジムのサンプルサイトのプレビュー

SAMPLE 03 / パーソナルジム

KIBAN PERSONAL GYM

黒をベースに、特大の文字と一色のアクセントで押し出す力強いサイト。大小のタイルを組んだ特長紹介、料金プランの比較、開閉式のよくある質問で構成しています。

  • ジム・スクール
  • 黒ベース
  • タイル型
サンプルを見る
税理士事務所のサンプルサイトのプレビュー

SAMPLE 04 / 税理士事務所

帆ノ木税理士事務所

紺と金で信頼感を出した、士業向けの落ち着いたサイト。業務案内の一覧、料金の目安の表、代表挨拶、事務所概要をそろえています。

  • 士業
  • 信頼感
  • 料金表
サンプルを見る
歯科医院のサンプルサイトのプレビュー

SAMPLE 05 / 歯科医院

うみねこ通り歯科

丸みのある文字とやわらかい色で、通いやすさを伝えるサイト。診療時間の表を最初の画面に置き、WEB予約へすぐ進めます。

  • クリニック
  • やさしい
  • 診療時間表
サンプルを見る
工務店のサンプルサイトのプレビュー

SAMPLE 06 / 工務店

ヒノカゼ工務店

余白を広くとり、明朝体で静かに見せるサイト。大きさをずらして並べた施工事例、家づくりの流れ、見学会の案内で構成しています。

  • 工務店・建築
  • 余白・明朝体
  • 施工事例
サンプルを見る
整骨院のサンプルサイトのプレビュー

SAMPLE 07 / 整骨院

せぼね堂整骨院

オレンジを基調にした、親しみやすいサイト。お悩みのチェック、症状別にタブで切り替える案内、受付時間の表、電話とLINEの予約ボタンを置いています。

  • 整骨院・整体
  • 親しみやすい
  • 症状別タブ
サンプルを見る
学習塾のサンプルサイトのプレビュー

SAMPLE 08 / 学習塾

個別指導 ミチノベ塾

太い線とはっきりした色で、元気な印象にしたサイト。学年別にタブで切り替える料金、数字で見せる実績、講師紹介で構成しています。

  • 塾・スクール
  • ポップ
  • 学年別タブ
サンプルを見る

LP型(ランディングページ)

ひとつの商品やサービスに絞り、申し込み・予約・購入まで1ページで案内する縦長のページ。広告やSNSからの受け皿に向いています。

エアコンクリーニングのLPのプレビュー

SAMPLE 09 / エアコンクリーニング

ソヨカゼクリーン

料金を最初の画面で大きく見せる、予約獲得のためのLP。お悩み、洗浄の前後、選ばれる理由、料金表、申し込みフォームの順に進みます。

  • 訪問サービス
  • 料金を大きく
  • 予約フォーム
サンプルを見る
オンライン英会話のLPのプレビュー

SAMPLE 10 / オンライン英会話

KOTOBARI

紫のグラデーションと大きな英字で、今どきのWebサービスらしく見せるLP。3つの料金プランの比較と、メールアドレスだけの申し込み欄を置いています。

  • オンラインサービス
  • グラデーション
  • プラン比較
サンプルを見る
相続相談のLPのプレビュー

SAMPLE 11 / 相続の無料相談

行政書士事務所ミチユキ

文字を大きめにし、ゆったり読める幅にまとめた相談受付のLP。状況のチェック、期限のある手続きの年表、料金の目安、電話番号を大きく載せています。

  • 士業
  • 大きな文字
  • 電話で相談
サンプルを見る
不用品回収のLPのプレビュー

SAMPLE 12 / 不用品回収

ハコブネ便

黄・赤・黒でとにかく目立たせる、チラシのような勢いのLP。定額パックの料金と、電話・LINEのボタンを繰り返し置いています。

  • 訪問サービス
  • 目立つ配色
  • 電話・LINE
サンプルを見る
ホワイトニングサロンのLPのプレビュー

SAMPLE 13 / ホワイトニングサロン

HOHTO

細い欧文書体と淡い色、広い余白で上品にまとめたLP。初回お試しの価格を枠で囲み、当日の流れと料金を静かに見せます。

  • 美容・サロン
  • 上品
  • 初回お試し
サンプルを見る
採用LPのプレビュー

SAMPLE 14 / 採用(介護施設)

ケアホーム ルミッキ

働く人に向けた採用のLP。数字で見る職場、横に流れる1日のスケジュール、先輩の声、募集要項の表、応募・見学の案内で構成しています。

  • 採用
  • 数字で見せる
  • 募集要項
サンプルを見る
はちみつ通販のLPのプレビュー

SAMPLE 15 / 食品の通販

国産はちみつ ミツノワ

はちみつ色と六角形のあしらいで商品の世界観を伝える、お試しセットの販売LP。3種の味の比較、こだわり、食べ方、よくある質問、購入ボタンへ進みます。

  • 通販
  • 商品の世界観
  • お試しセット
サンプルを見る

機能つき(ネットショップ・予約・見積り)

見るだけでなく、その場で操作できるサイト。商品をカートに入れる、空いている日時を選ぶ、条件から金額を計算するといった動きを組み込みます。

ネットショップのサンプルサイトのプレビュー

SAMPLE 16 / ネットショップ

暮らしの道具 ユノハ商店

白と黒を基調に、商品を主役にしたネットショップ。カテゴリでの絞り込み、並び替え、商品の詳細、カートの出し入れと送料の計算まで実際に動きます。

  • ECサイト
  • 絞り込み
  • カート
サンプルを見る
予約サイトのサンプルのプレビュー

SAMPLE 17 / 予約サイト

フォトスタジオ トモシエ

メニュー・日時・お客さま情報の順に進む、写真館の予約サイト。カレンダーで空き状況を見て時間を選び、内容を確認して予約するまでの流れを試せます。

  • 予約
  • カレンダー
  • ステップ入力
サンプルを見る
見積りシミュレーターのサンプルのプレビュー

SAMPLE 18 / 見積りシミュレーター

ハレノヒ塗装

建物の種類・広さ・塗料を選ぶと、概算の金額がその場で変わる外壁塗装の見積りページ。内訳のグラフと、1年あたりの費用も表示します。

  • シミュレーター
  • 自動計算
  • 内訳グラフ
サンプルを見る

※ 掲載しているのは架空の店舗・会社を想定したデザイン例で、実際の制作実績ではありません。店名・住所・電話番号・料金・数字・お客さまの声などはすべて架空のものです。