合同会社ソラコード

制作サンプル / あおば工務店

あおば工務店|工務店のコーポレート+施工事例サイト

架空の工務店を想定して制作したサンプルです。施工事例は増えるほど価値が上がる資産と考え、担当者がスマートフォンから写真を上げるだけで一件ぶんのページが立ち上がる仕組みを前提に設計しました。

概要

種別
コーポレートサイト / 建設
想定した業種
工務店・注文住宅(東京都多摩地域を想定)
想定した対応範囲
構成設計 / デザイン / 実装 / CMS構築 / 公開作業
使用技術
Astro, microCMS, TypeScript, Cloudflare Pages
ページ構成
トップ / 施工事例(一覧・詳細) / 家づくりの流れ / 私たちについて / お客様の声 / お問い合わせ
想定した制作期間
5〜6週間
AstromicroCMS施工事例CMSCloudflare Pages問い合わせフォーム

画面

デスクトップ(全体)
あおば工務店のページ全体
スマートフォン
あおば工務店のスマートフォン表示

想定した課題

  • 施工事例が紙のアルバムと SNS に散らばり、検討中の人がまとめて見られない
  • サイトの更新をそのつど外部に依頼するため、事例がなかなか増えていかない
  • 問い合わせが「とりあえず電話」に偏り、相談内容が事前に分からない

コンセプト

写真を主役にする

地域密着の会社では、派手さより「この会社なら任せられそう」という手触りが効きます。明朝体の見出しと広めの余白で印象を作り、装飾は罫線と番号だけに抑え、色数は木と土の系統に絞りました。

事例が貯まるほど強くなる

施工事例を CMS のコンテンツとして切り出し、写真・工期・坪数・エリアを入力すれば詳細ページが生成される形に。現場担当者がスマートフォンから写真を上げるだけで、サイトの資産が増えていくことを狙っています。

掲載しているのはすべて、架空の企業・店舗を想定して制作したサンプルです。実際に受注・納品した案件ではありません。記載している課題・コンセプト・制作期間は、同じ規模のサイトをお受けする場合の想定です。

同じような構成のご相談

構成の考え方や費用感について、この画面をお見せしながらご説明します。まずはご連絡ください。

contact@soracodeworks.com