竹下建設HP 5案比較ランディング

5案のデザイン方針

リフォーム主軸・業務4軸・ビフォーアフターギャラリー・ドローン動画FVを全案に組み込んだ v2 実装です。
各案の個性・カラー・レイアウト構造がそれぞれ明確に異なります。

01 温もりミニマル

Case 01

温もりミニマル

余白と明朝体で静謐な「和の誠実さ」を表現。最大幅880pxのナロウレイアウトで読書体験を重視。伊勢湾深緑×砂浜ゴールド×海面ブルーのカラーパレット。

生成りホワイト伊勢湾深緑 Noto Serif JP ミニマル

案01 を開く

02 地域密着ナチュラル

Case 02

地域密着ナチュラル

親しみやすいカード型レイアウト。白×ウォームベージュの交互セクション。テラコッタオレンジで「地域の工務店」の暖かみと実績訴求を両立。

テラコッタオレンジカード型 Noto Sans JP ウォーム

案02 を開く

03 モダン職人

Case 03

モダン職人

ネイビー固定ヘッダーで清潔感と技術力を演出。FVは数字実績付き。白×深ネイビーの強いコントラストと Barlow/Inter の英数字で施工プロ感。

濃ネイビー数字訴求 Barlow プロフェッショナル

案03 を開く

04 クラフト×自然

Case 04

クラフト×自然

リフォームカードを倍幅にしたグリッド構成で「リフォームが主役」を視覚化。EB Garamond の手書き感ラベル。クリーム×森グリーン×木目ゴールドの手仕事感。

森グリーン倍幅カード EB Garamond 手仕事感

案04 を開く

05 シック実績訴求

Case 05

シック実績訴求

チャコールグレー×ダークゴールドで高級感と信頼感。費用キャプションを施工事例に明示して「透明な見積」を訴求。Montserrat 英字でモダンさを演出。

チャコール費用明示 Montserrat 重厚感

案05 を開く

素材について： 現在はすべてプレースホルダー画像・動画です。
実施工写真・ドローン動画が入稿されたら、各 samples/XX_*/ に同名ファイルで配置すると自動反映されます。
AI生成画像は使用しないでください。 実施工写真・実写素材のみ使用前提です。