群馬県伊勢崎市の工務店 TREE HAUS (ツリーハウス) 様のホームページご制作の際、モデルハウスにて動画の撮影もさせていただきました。

施工について視覚的に伝えられるよう、撮影した動画はトップページ冒頭でフルスクリーン表示しています。

メインビジュアルにはそうしたムービーを背景に、ロゴとしても使用できる家形のトレードマークをお作りし、CSSアニメーションで合わせています。

なお、モバイル端末( スマホ/タブレット )はレスポンシブで表示対応していますが、環境によってロード時間がかかりすぎないよう、JavaScriptで動画を静止画へ置き換える処理を行っています。

TREE HAUSの卓越した造形技術をアピールするため、ホームページは写真をふんだんに取り入れたデザインにいたしました。

またファンシーな住宅テイストに合わせ、随所に様々な動的装飾を散りばめています。ABOUTのページでは文章中に挿入されたイラストがゆるくダンスするCSSアニメを、CONTACTのページではワンポイントの装飾として揺れる暖炉の炎をGIFアニメで制作させていただきました。

更新システムとしてWordPressも導入されているので、NEWSのページをお客様の手でブログ感覚のように更新することが可能です。システムの入ったページもホームページ全体の雰囲気にきちんと馴染むよう、オリジナルのカスタマイズをさせていただきました。