青凪工務店

制作概要

京都の古い住まいや小さな店舗を手がける工務店を想定した自主制作サイト。町家・中古住宅・水回り・店舗改装など幅広い相談に対応する事業者として、「古い家を安心して任せられる工務店」という印象が伝わるサイトを目指しました。

情報設計

リフォームは検討段階で「何を頼めるのか」「いくらかかるのか」「工期はどれくらいか」が分かりにくいため、サービス・施工事例・費用目安・工期・相談の流れを整理。

まず事例を見たい人と、具体的に相談したい人の両方が迷わず進める構成にしています。

ビジュアル設計

木の質感や町家の落ち着きを感じられるよう、生成り・深い茶・緑など自然素材になじむ色をベースに設計。

写真を大きく見せながら、余白と明朝系の見出しを使い、工務店らしい誠実さと上質さの両方が伝わるようにしました。

信頼感の設計

施工事例には「費用目安」「工期」「地域」を掲載し、完成写真だけでは分からない現実的な情報も見えるようにしています。

また、「選ばれる理由」や相談から完成までの流れを用意し、初めてリフォームを検討する人の不安を減らすことを意識しました。

相談までの導線

「悩みを見る → サービスを知る → 施工事例を見る → 工務店の考え方を知る → 相談する」という流れを意識して設計。

サイト下部だけでなく各所に相談導線を配置し、まだ工事内容が決まっていない段階でも問い合わせやすい構成にしています。

PC・スマホ設計

PCでは施工写真やBefore / Afterを大きく見せて空間の変化を伝え、スマートフォンではサービス・費用・相談導線を短いスクロールで確認しやすい構成に調整。

情報量が多いサイトでも、読み疲れしないよう余白と見出しの強弱を意識しています。