実績と技術力を可視化する「写真レイアウト」と「空間演出」
「実績を信頼に変える、余白とグリッドのバランス」 地元密着の工務店としての「信頼感」と、 ターゲット層が求める「センスの良さ」を両立させるため、施工事例の配置にこだわりました。 写真を大きく見せる3カラムのレイアウトを採用しつつ、あえて余白を広めに取ることで、窮屈さを排除し「丁寧な仕事」を連想させるデザインに仕上げています。写真そのものの魅力を引き立てることで、言葉以上に工務店の技術力を視覚的に訴求することを意図しました。
みらい工務店様
コーポレートサイト
クライアント
みらい工務店
制作時期
2025年11月
制作期間
ワイヤーフレーム/約1週間
デザインカンプ/約2週間
実装/約2週間
制作目的
施工事例やサービスの詳細情報を通じて、潜在的な顧客に「みらい工務店」を知ってもらう。
ターゲット
30〜50代の家庭を持つ男女（主に夫婦）
使用ツール
Figma, Photoshop, Visual Studio Code
親指での操作性を最優先した「UI設計」と「CVエリア」
「指先の迷いをなくす、モバイルファーストな導線設計」 スマートフォンでの閲覧時は「隙間時間」や「外出先」での利用を想定し、お問い合わせボタンを押しやすいサイズと配置に調整しました。PC版では横並びだったボタンを、SP版では親指で押しやすいサイズの縦並びに変更し、連絡手段を選びやすい構成にしています。
