Kiriko-bo Corporate Site

石川県金沢市で注文住宅・リフォームを手がける株式会社桐工房のコーポレートサイト。余白をたっぷりとったモノクロの静かな画面なので、動きは前に出しすぎないようにしました。ファーストビューは、DETAIL・QUALITY・DESIGN・FUN の大きな英字が木目の写真パネルの縁で切り抜かれ、パネルのワイプでひと組ずつ入れ替わるアニメーションを制作しました。ほかに、画面をリセットせずに次ページへ渡すページ遷移と、読み込み直しを感じさせずカードがその場で組み変わる施工事例の絞り込みを作っています。全体はゆるやかな慣性スクロールでひとつながりにしました。基盤は自社で更新できる CMS です。igram はフロントエンド実装とモーションデザインを担当しています。