WEBサイト制作サンプル

建設業・店舗・小規模事業者様向け|業種別デザインパターン

まだホームページをお持ちでない方、長らく更新されていない方向けに、
業種に合わせた異なるデザインパターンをご用意しました。
建設業向けは「TOP/サービス内容/会社案内/お問い合わせ」の4ページ構成、店舗向けは1ページ縦長スクロール型です。

4ページ クリーン × 透明感ブルー系モダン

株式会社 横浜ガラス店

業種:ガラス工事業

清潔感・信頼感を打ち出したブルー基調のモダンデザイン。即日対応・実績アピールに重点を置いた構成です。

4ページ 温もり × 質感ベージュ系ナチュラル

東京クロス株式会社

業種:内装・壁紙工事業

明朝体と暖色系で「住まいの落ち着き」を表現。サンプル選びの楽しさと、職人の手仕事感を伝えるデザイン。

4ページ 力強さ × 安心感ネイビー × イエロー

長野電気工事店

業種:電気工事業

緊急対応バーや料金目安など、行動を促す要素を強調。職人らしい力強い書体と配色で信頼感を演出。

1ページ 高級感 × 大人ブラック × ゴールド

Snack ShangriLa

業種:飲食業(スナック・バー)

動画ヒーローで非日常感を演出。黒×金の配色と明朝体・筆記体で、夜の街の落ち着いた大人の時間を表現。1ページ縦長スクロール型。

1ページ ナチュラル × 上質ウッド × アイボリー

zoocoock(ズーコック)

業種:飲食業(カフェレストラン)

横浜・山下町の路地裏カフェをイメージ。明朝体とウッド×アイボリーの落ち着いた配色で、スロージャズの似合う大人の居場所を表現。1ページ縦長スクロール型。

共通仕様

ページ構成
建設業向け:TOP/サービス内容/会社案内/お問い合わせ(全4ページ)
店舗向け:1ページ縦長スクロール型
レスポンシブ
PC・タブレット・スマートフォン対応
使用フォント
Google Fonts(Noto Sans JP / Noto Serif JP / M PLUS 1p / Cinzel / Sacramento / Cormorant Garamond / Shippori Mincho ほか)
外部依存
なし(CSSは各サイトのcss/style.cssに格納)
サムネイル
WordPress.com mshots によるサンプルページの自動スクリーンショット(公開ページのキャプチャ/キャッシュ済み)
各ページ画像
建設業向け:loremflickr.com のキーワード検索画像。店舗向け:イメージフリー素材+動画。実運用時はお客様の実物写真へ差し替え可能
フォーム
送信先未設定(action="#")— 実装時にPHP/CGI/Formrun等と接続