制作サンプル / あおば工務店
あおば工務店|工務店のコーポレート+施工事例サイト
架空の工務店を想定して制作したサンプルです。施工事例は増えるほど価値が上がる資産と考え、担当者がスマートフォンから写真を上げるだけで一件ぶんのページが立ち上がる仕組みを前提に設計しました。
概要
- 種別
- コーポレートサイト / 建設
- 想定した業種
- 工務店・注文住宅(東京都多摩地域を想定)
- 想定した対応範囲
- 構成設計 / デザイン / 実装 / CMS構築 / 公開作業
- 使用技術
- Astro, microCMS, TypeScript, Cloudflare Pages
- ページ構成
- トップ / 施工事例(一覧・詳細) / 家づくりの流れ / 私たちについて / お客様の声 / お問い合わせ
- 想定した制作期間
- 5〜6週間
画面


想定した課題
- 施工事例が紙のアルバムと SNS に散らばり、検討中の人がまとめて見られない
- サイトの更新をそのつど外部に依頼するため、事例がなかなか増えていかない
- 問い合わせが「とりあえず電話」に偏り、相談内容が事前に分からない
コンセプト
写真を主役にする
地域密着の会社では、派手さより「この会社なら任せられそう」という手触りが効きます。明朝体の見出しと広めの余白で印象を作り、装飾は罫線と番号だけに抑え、色数は木と土の系統に絞りました。
事例が貯まるほど強くなる
施工事例を CMS のコンテンツとして切り出し、写真・工期・坪数・エリアを入力すれば詳細ページが生成される形に。現場担当者がスマートフォンから写真を上げるだけで、サイトの資産が増えていくことを狙っています。
掲載しているのはすべて、架空の企業・店舗を想定して制作したサンプルです。実際に受注・納品した案件ではありません。記載している課題・コンセプト・制作期間は、同じ規模のサイトをお受けする場合の想定です。
同じような構成のご相談
構成の考え方や費用感について、この画面をお見せしながらご説明します。まずはご連絡ください。
contact@soracodeworks.com