詳しいデザイン例
サンプル会社「鹿山空調」で実際に作り込んだNOシリーズ5種類の見本です。写真をクリックすると、本物のページをご覧いただけます。制作費は内容により異なるため要相談（写真の生成・選定を含む）、維持費は月々¥5,000（税別・職人HOME配下）または¥12,000（税別・独自ドメイン＋月次レポート付き）です。よりシンプルな仕上がりでよければ、¥22,000のA〜Fシリーズ全6種もご用意しています。合わせて全11種類のデザインからお選びいただけます。
NO1
鹿山空調が実際に運用している本番サイトそのもの。写真差し替えだけでなく、動くコンテンツまで作り込んだ「フルカスタムで作るとここまでできる」という完成形の見本です。施工実績の数字がスクロールに合わせてカウントアップする統計カウンター、お客様の声セクション、要素が画面に入るとふわっと表示されるスクロールリビール演出を搭載。さらにAIが定期的にブログ記事を自動投稿する仕組みとも連携しており、作って終わりにしないサイト運用のイメージまで掴める見本です。
- ロゴ・写真を使ったブランド感のあるヒーロー
- 実際に運用中で継続的にアップデートしている見本
- フルカスタムのイメージを掴みたい方向け
NO2
ネイビーを基調にした、写真の余白を活かしたミニマルなデザイン。画面いっぱいに広がるフルスクリーンヒーロー(100vh)の下端に重なる形で、施工事例の写真カードが横に自動スクロールするカルーセルを配置。さらにその下には、新着記事・人気記事をタブで切り替えられるセクションがあり、複数の情報をコンパクトにまとめて見せられます。
- フルスクリーンのヒーロー写真
- 自動でスクロールする施工事例カルーセル
- 落ち着いた雰囲気を出したい業種におすすめ
NO3
クリーム系の明るい配色で、雑誌のような余白と写真スライダーが特徴。複数枚の施工写真をドット（●）で切り替えられる写真スライダーを搭載し、下部には新着記事・人気記事をタブで切り替えられるセクションと、よく読まれている記事を目立たせるランキング風サイドバーを配置。情報量が多くても親しみやすい印象を作れます。
- ドット切り替え式の写真スライダー
- タブ切り替え＋ランキング風サイドバー
- 明るく親しみやすい印象にしたい方向け
NO4
オリーブグリーンを基調にした落ち着いたトーン。ヒーロー写真が5枚、2.4秒かけてゆっくりクロスフェードしながら5秒おきに自動で切り替わるスライドショーが特徴です。下にスクロールを促すSCROLLインジケーターや、ルームエアコン・業務用エアコン・電気工事・ダクト工事の4カテゴリを写真フレームで紹介するグリッドも搭載。アニメーションを抑えたい設定のブラウザでは自動で演出を止めるprefers-reduced-motion対応も入れています。
- ヒーロー写真がゆっくり自動で切り替わる演出
- 4カテゴリの写真フレームグリッド
- 誠実さ・信頼感を伝えたい方向け
NO5
テラコッタ×ダークブラウンの温かみのある配色。ヒーローに重なる施工事例カルーセルに加え、事業内容・対応工事＆ご依頼方法・見積もりシミュレーター・よくある質問・会社概要まで、1ページで必要な情報を網羅した構成です。
- ヒーローに重なる自動スクロールカルーセル
- その場で金額目安が分かる見積もりシミュレーター
- 情報量をしっかり載せたい方向け
追加できる機能一覧
上記5パターンをベースに、こういった機能を後から追加することも可能です。※サイトの構成によっては追加できない機能もございます。詳しくはご相談ください。
信頼・導線を強化する機能
コンバージョンを高める機能
ビジュアル・演出系の機能
ページ構成に関わる機能
気になるデザインはありましたか？お気軽にご相談ください。
💬 LINEで無料相談