Works / 外構・エクステリア
施工の技術を、
正面から伝えるサイトへ。
埼玉県の外構工事会社・株式会社Den様のコーポレートサイトを新規制作しました。Webサイトがゼロの状態から、施工事例・サービスメニュー・問い合わせ導線を備えたサイトを設計・構築しています。
Project Overview
- クライアント
- 株式会社Den
- 業種
- 外構・エクステリア工事
- 制作種別
- コーポレートサイト新規制作
- 対応内容
- 設計・デザイン・コーディング・
ドメイン設定・公開・保守 - 技術
- HTML / CSS / JavaScript
制作前の状況と課題
株式会社Den様は、埼玉県内で外構・エクステリア工事を手がける会社です。確かな施工技術と実績を持ちながら、Webサイトがまったくない状態でした。新規顧客への接点がなく、施工の質や対応範囲を伝える手段が口コミと紹介のみに限られていました。
外構・エクステリアは「見た目で選ばれる」業種です。施工写真の見せ方、サービスの整理、問い合わせまでの導線設計が、受注に直結します。ゼロからサイトを作るにあたり、「技術力が伝わること」と「スマートフォンからの問い合わせにつながること」を最優先に設計しました。
設計の方針
- 施工写真を前面に出す構成。外構は視覚で選ばれます。施工事例を大判で見せるギャラリーレイアウトを採用し、仕上がりの質感が伝わる設計にしました。
- スマホファースト設計。外構を検索するユーザーの大半はスマートフォンを使用します。モバイル表示を基準に設計し、PCへ拡張する順序で開発しました。
- 問い合わせ導線の最適化。電話ボタン・フォームへの動線をページ内複数箇所に配置し、訪問者が迷わずアクションできる構成にしました。
- SEOを考慮した構造設計。WordPressやテンプレートを使わず、HTML/CSS/JSで手書き実装。ページの読み込み速度を高く保ちながら、地域キーワードに対応した構造で構築しました。
- ダークトーンによる信頼感の表現。職人としての技術と誠実さが伝わるよう、落ち着いたダークトーンのデザインを採用しました。
What We Did
対応内容
{%for item in [
"要件定義・サイト設計",
"ワイヤーフレーム作成",
"デザイン(オリジナル)",
"HTML/CSS/JS実装",
"スマホ対応(レスポンシブ)",
"お問い合わせフォーム設置",
"表示速度最適化",
"SEO基本対応",
"ドメイン設定・公開",
"GA4設置",
"公開後保守・更新対応"
]%}
✓ 要件定義・サイト設計
✓ ワイヤーフレーム作成
✓ オリジナルデザイン
✓ HTML/CSS/JS実装
✓ スマホ対応
✓ 問い合わせフォーム
✓ 表示速度最適化
✓ SEO基本対応
✓ ドメイン設定・公開
✓ GA4設置
✓ 公開後保守・更新