制作サンプル

当社で制作したサンプルの一覧です。お店・会社・名称はすべて架空で、検索には表示されない設定にしています。 前半は料金ページの金額どおりに組んだ3本、後半は業種ごとに作ったサンプルです。

料金別のサンプル

料金ページの金額どおりに制作すると、どのようなサイトになるかをご覧いただけます。写真と動画はサンプル用の素材を使っています。

  • 金額は料金ページ(2026年10月時点・税別)の基本料金とオプションの合計です
  • 各サンプルのトップページ最下部に、見積の内訳と「この金額に含まないもの」を掲載しています
  • お店・会社・電話番号・住所はすべて架空です
見本「やきとり ひとつ火」の最初の画面に使った、焼き台の写真

飲食店のLP
98,000円(税別)

シンプルLP 98,000円(文章作成とSEO初期設定を含む)のみの構成です。写真と縦書きの見出しで、お店の雰囲気を1ページで伝えます。

サンプル: やきとり ひとつ火(架空)・1ページ

見本「あかりとり工務店」の最初の画面に使った、木の家の写真

工務店のサイト
205,000円(税別)

5ページ 180,000円(文章作成とSEO初期設定を含む)に、独自フォーム 25,000円を加えた構成です。施工事例のほか、相談・見学の予約フォームも設けています。

サンプル: あかりとり工務店(架空)・5ページ

見本「しおまち舎」の最初の画面に流れる、夕方の海の映像の一場面

動画と撮影つきの宿のサイト
450,000円(税別)

工務店のサイトと同じ5ページの構成に、紹介動画 180,000円・写真撮影(半日)55,000円・GA4 10,000円を加えた構成です。最初の画面で映像が流れます。

サンプル: しおまち舎(架空)・5ページ。写真と最初の画面の映像はストック素材、紹介動画は当社が別の撮影で撮った映像の仮置き

業種別のサンプル

業種ごとに、架空のお店や会社を想定して作ったサンプルです。写真が要るところは無料の素材をイメージとして当て、それ以外は自作のイラストと図で組んでいます。料金ページの金額に合わせた見積は付けていません。

ジャンル: 飲食・カフェ/宿・体験/住まい・設備/物販・通販/暮らしのサービス/医療・介護・士業/教室・人材/広告バナー/調べものと表

飲食・カフェ

サンプル「古民家カフェ 結間」の最初の画面

古民家カフェのLP

ランチ・季節のスイーツ・店内の席・アクセスを1ページに。写真を入れる位置まで決めた構成です。

サンプル: 古民家カフェ 結間(架空)・1ページ・写真の位置は図形で表示

サンプル「窓と果実」の最初の画面

スムージーカフェのホームページ

丸窓から光が入る町家の店内を想定し、写真を1枚も使わず図だけで組んだ6ページのサイトです。メニューの価格表、地図、問い合わせフォームまで入れています。

サンプル: 窓と果実(架空)・6ページ

サンプル「MINORI NO MADO」の最初の画面

カフェのホームページ

地元で採れた果物を使うカフェを想定した6ページのサイトです。みかんや梅の断面を図で描き分け、季節でメニューが入れ替わる見せ方にしました。

サンプル: MINORI NO MADO(架空)・6ページ

サンプル「宵待」の最初の画面

夜カフェ&バーのサイト

コーヒー・お酒・甘いものをカテゴリ別に並べず、お酒の強さと甘さの二つの軸で1枚に置いた「一杯の地図」が中心です。スマホでは軸を一本に落としています。

サンプル: 宵待 YOIMACHI(架空)・1ページ

サンプル「KASANE」の最初の画面

古着屋カフェのホームページ

1階が古着売場、2階がカフェという店を想定した6ページのサイトです。写真が主役になる前提で枠の形と位置を決め、色は生成り・焦茶・赤錆・深緑の4色に絞りました。

サンプル: KASANE(架空)・6ページ

宿・体験

サンプル「古民家の宿 ぽっけ村」の最初の画面

古民家の宿のサイト

トップでは1泊2日の過ごし方を時間割で見せ、予約までの案内ページで、人数と季節ごとの料金、空室の見方、持ち物を順に確かめられる作りです。

サンプル: 古民家の宿 ぽっけ村(架空)・2ページ

サンプル「調香室 よいん」の最初の画面

香りづくり体験のLP

トップ、ミドル、ラストの香りを順に選ぶと「あなたの香りメモ」が変わる節を中心に、体験の流れと予約の案内までを1ページにまとめました。

サンプル: 調香室 よいん(架空)・1ページ

住まい・設備

サンプル「ほしなみ設備工業」の最初の画面

設備工事会社のホームページ

建物の断面図に給排水、空調、プラントの配管の範囲を描き、元請けの方が任せられる範囲をひと目でつかめるようにしました。採用への入口も分けています。

サンプル: ほしなみ設備工業(架空)・1ページ

サンプル「ニワクラベ」の最初の画面

外構の相談受付サイト

施工事例と予算の目安を先に見せて、フォームで相見積もりを申し込める1ページです。施工の窓口と通販への案内も置いています。

サンプル: ニワクラベ(架空)・1ページ

サンプル「ゆくみず設備」の最初の画面

水道修理の広告LP

見積書の見本で料金の内訳を見せ、作業の前に了承をもらう流れを示した、検索広告から来た人向けのLPです。

サンプル: ゆくみず設備(架空)・1ページ

物販・通販

サンプル「TAPLE」の最初の画面

電源タップの商品LP

電源タップを、部屋に置く雑貨として見せる1ページです。置く場所ごとに写真で紹介し、買う前に確かめる仕様は一覧にまとめました。

サンプル: TAPLE(架空)・1ページ

サンプル「辛蜜」の最初の画面

生姜シロップの通販LP

原材料・割り方・商品と価格・定期便の条件・贈りものまでを1ページで伝えます。瓶や生姜の絵も自作です。

サンプル: 辛蜜(架空)・1ページ

サンプル「ネイルポリッシュ いろは」の最初の画面

セルフネイルブランドのLP

通販でいちばん困る「画面の色と、指にのせた色が違う」を解きたくて、1度塗りと2度塗りの見え方を、肌の明るさ3段に分けて並べた表を中心に置きました。

サンプル: ネイルポリッシュ いろは(架空)・1ページ

暮らしのサービス

サンプル「カザミパーキング」の最初の画面

空港駐車場のホームページ

トップ・料金・利用の流れの3ページです。料金表のほか、日付とクラスから合計の目安を出す「かんたん見積もり」の画面も作っています。

サンプル: カザミパーキング(架空)・3ページ・料金はダミー

サンプル「ブランド買取ミルエ」の最初の画面

買取店のホームページ

トップ、写真を送って申し込む無料査定のフォーム、古物営業法にもとづく表示のページの3ページです。

サンプル: ブランド買取ミルエ(架空)・3ページ・フォームは送信されません

サンプル「便利屋ととのい堂」の最初の画面

便利屋のLP

頼めること・料金のめやす・スタッフ紹介・問い合わせフォームまでを1ページに。はじめて頼む方の不安に、順に答える構成です。

サンプル: 便利屋ととのい堂(架空)・1ページ

医療・介護・士業

サンプル「訪問看護ステーション ろじのわ」の最初の画面

訪問看護の看護師採用LP

働くメリット・1日の流れ・働く人の声・募集要項まで、未経験の看護師が見学に来たくなる順に並べた採用ページです。

サンプル: 訪問看護ステーション ろじのわ(架空)・1ページ

サンプル「となりの休憩室」の最初の画面

医療と介護で働く人に向けたメディア

読みもののサイトを想定し、特集、連載、求人の入口を1ページに並べました。記事カードの見出しとリード文の長さを揃えて、一覧が読みやすくなるようにしています。

サンプル: となりの休憩室(架空)・1ページ

サンプル「相続放棄・限定承認 相談窓口」の最初の画面

相続放棄・限定承認の相談窓口のLP

相続放棄の3か月は「亡くなった日から」ではなく「自分が相続人だと知った日から」数えます。もう間に合わないと思い込んで電話をやめてしまう方に向けて、3か月の窓がどこに来るかを、時間の帯3本で見せました。

サンプル: 相続放棄・限定承認 相談窓口(架空)・1ページ

教室・人材

サンプル「キックボクシングジム ステップ」の最初の画面

キックボクシングジムの体験申込LP

体験の60分を分刻みで並べ、何をするのかを先に全部見せる構成です。通っている人の内訳・料金・よくある質問まで、申し込む前の不安に順に答えます。

サンプル: キックボクシングジム ステップ(架空)・1ページ

サンプル「みちびき公務員ゼミ」の最初の画面

公務員予備校のLP

受験生の悩み・選ばれる理由・合格実績・コースと料金を並べ、最後にLINEでの相談へつなげる構成です。

サンプル: みちびき公務員ゼミ(架空)・1ページ

サンプル「会話教室 それから」の最初の画面

会話教室の紹介ページ

練習の中身と1回のレッスンの流れを具体的に見せ、無料体験の申し込みにつなげる1ページです。

サンプル: 会話教室 それから(架空)・1ページ

サンプル「ことはじめキャリア」の最初の画面

人材紹介サービスのサイト

求職者向けと企業向けの2ページを、同じブランドで明るさだけ変えて作りました。文章を直す場所には、HTMLの中に目印を入れています。

サンプル: ことはじめキャリア(架空)・2ページ

サンプル「そよぎセラピスト学院」の最初の画面

セラピスト養成スクールのLP

受講前の不安を順番に消す構成で、カリキュラム、料金、卒業後の働き方までを1ページにまとめました。問い合わせへの入口を各節の下に置いています。

サンプル: そよぎセラピスト学院(架空)・1ページ

サンプル「〇〇ゴルフフィットネス」の最初の画面

オンライン動画講座のLP

動画講座は本数と時間しか書かれないことが多く、買う側は中身が見えないまま決めることになります。19レクチャー78分が5つのカテゴリにどう割り振られているかを、収録している種目まで1枚に出しました。40代から60代の男性が読む前提で、本文を17pxにしています。

サンプル: 〇〇ゴルフフィットネス(架空)・1ページ

広告バナー

サンプル「ヘッドスパ 葉音」の最初の画面

ヘッドスパの広告バナー

SNSの広告用に、正方形と縦長の2サイズを、同じ文言と配色で作りました。

サンプル: ヘッドスパ 葉音(架空)・画像2枚

サンプル「あさほの」の最初の画面

スキンケアの広告バナー

朝のスキンケアをテーマに、淡いピンクで作った横長のバナーです。ボトルや泡も図形で描いています。

サンプル: あさほの(架空)・画像1枚

サンプル「ブックカフェ よみさし」の最初の画面

ブックカフェの広告バナー

本とコーヒーで過ごす時間を、緑とクリーム色で表した横長のバナーです。

サンプル: ブックカフェ よみさし(架空)・画像1枚

サンプル「あたまの晴れ間」の最初の画面

ワークショップの広告バナー

ぼかした色が晴れていく様子で、考えが整理される感じを表した正方形のバナーです。

サンプル: あたまの晴れ間(架空)・画像1枚

サンプル「調香室 よいん」の最初の画面

香りづくり体験の広告バナー

香水瓶を手にのせた写真を大きく置き、白に近いグレー、墨色、深いオリーブの3色でまとめた正方形のバナーです。

サンプル: 調香室 よいん(架空)・画像1枚

サンプル「簡単ご飯の広告バナー」の最初の画面

簡単ご飯の広告バナー

フライパンひとつで作れる平日の晩ごはんを、写真を使わず図形と文字だけで表した横長のバナーです。

サンプル: 文言は仮・画像1枚

サンプル「季節のスイーツ特集の広告バナー」の最初の画面

季節のスイーツ特集の広告バナー

いちごとクリームのスイーツ特集を、淡い色でまとめた横長のバナーです。

サンプル: 文言は仮・画像1枚

サンプル「自己理解プログラムの広告バナー」の最初の画面

自己理解プログラムの広告バナー

悩みの文と答えの文を上下に分け、視線が下のボタンへ流れるようにした正方形のバナーです。

サンプル: 文言は仮・画像1枚

サンプル「セルフネイルポリッシュの広告バナー」の最初の画面

セルフネイルポリッシュの広告バナー

休みの日だけ指先を変える人に向けて、5色をのせた指先とボトルを図で描いた正方形のバナーです。

サンプル: 文言は仮・画像1枚

調べものと表

サンプル「スマホのデータ移行の比較表」の最初の画面

スマホのデータ移行の比較表

移行の方法を組み合わせごとに調べ、手順と注意点を公式ページの出典つきで1行ずつ整理した表です。

サンプル: 調べものと表づくり・9行の抜粋

サンプル「エコキュートの型番検索」の最初の画面

エコキュートの型番検索

旧型番から現行の交換候補と補助金の対象までを、メーカー公式PDFと国の公式サイトの出典つきで引ける表にしました。確かめられない項目は空欄のままにしています。

サンプル: 調べものと表づくり・17型番の抜粋

サンプル「動く資料の作り方」の1ページ目

動く資料の作り方(3ページ)

数字やカードを押すと根拠が開くHTMLの資料です。止めた表示にすると組み上がった状態で読めるため、PDFにして添えられます。

サンプル: 動く資料・PCで開く想定・作り方の考案はうちた氏

サンプル「入口づくりのご提案」の1ページ目

サロン向け「入口づくりのご提案」(4ページ)

個人サロンの新規客の入口を、公開ページだけで見直す提案資料です。実物の16枚を、架空のサロンに宛てた4ページの動く資料に縮めました。

サンプル: 動く資料・店名と数字は架空・PCで開く想定