Gallery / NAGINOKI KOMUTEN
TEMPLATE — 2026
NAGINOKI KOMUTEN
架空の工務店のサイト。写真が障子のように開いて現れる、明るい木と紙の1ページ。
- Category
- Web design
- Status
- 架空の工務店のWebテンプレート見本(動くデモあり)
- Year
- 2026
- Type
- Parfum自身の探索(実績ではありません)

Overview
凪ノ木工務店は実在しない、新築とリノベーションの工務店です。白・生成り・木の色で、写真と事実(年・場所・費用・工期)だけを置きました。写真は生成AIで作りました。
Problem
- 工務店のサイトを見る人は、施工の写真と、費用・工期・対応エリアを確かめたい
- キャンペーンの帯や吹き出しが多いと、安っぽく見える
Approach
- 看板の演出は1つだけ。写真が障子のように開いて現れる
- 英語の見出しと明朝、細い罫線、生成りの地
- 施工事例には、種類・所在地・費用・工期だけを添える
- ※ スマホ実機での確認は、これからです
Technology
- HTML / CSS / JavaScript(ビルドなし)
- prefers-reduced-motion への対応
- 写真は生成AI(ChatGPT)で制作
Demo
動くデモを、このサイトの中で開けます。デモのページは架空の店・会社として、検索に出さない設定にしています。
内容は、検討の進み具合に応じて更新します。
本文へ移動


