このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。
コンセプト
地域密着型リフォーム会社の全13ページサイト。オールド明朝と生成り×ゴールドのトーンで組み、FVは全画面写真に縦組みの大見出しを重ねてマスクから立ち上げる。リアルタイム見積シミュレーター・施工事例フィルター・ビフォーアフターフリップカード・視差帯など、実用的なJS機能も併せて実装した。
背景・課題
白・生成り・暗面を交互に打つ明暗のリズムと、160px級の余白・字間0.14emのタイポスケールを全13ページで統一。角丸と影を一切使わずに情報を整理し、施工事例の帯は暗面に置いて写真を主役化した。
DESIGN PERSPECTIVE
TECHNOLOGIES & FEATURES
主な機能
アニメーションフォーム見積シミュレーター施工事例フィルタービフォーアフターUIパララックスFAQ
使用技術
HTMLCSSJavaScript
CMSなし
フォームあり
アニメーションあり