株式会社ジラーチ

「海辺のカフェ」をコンセプトとした、開放感溢れる次世代コーポレートサイト

コンセプト：海辺のカフェ

「圧倒的スピードと、揺るぎない品質」というジラーチの強みを、より直感的に伝えるためにデザインを刷新。不透明な白い壁（コンテンツ）と、大きな窓から見える海（背景動画）を対比させることで、清潔感、信頼感、そして未来への開放感を同時に演出しました。単なる情報の列挙ではなく、ブランドストーリーを語る「ABOUT US」主導の構成へと進化させています。

技術的挑戦と最適化

デザインの美しさだけでなく、ユーザー体験を損なわないための極限の微調整を行いました。特に動画のループ制御やモバイルでの表示安定性は、技術的なこだわりが詰まった部分です。

精密な動画ループ制御

従来のイベント監視では避けられなかった「一瞬の瞬き」を解消。requestAnimationFrameを用いた100ミリ秒単位の精密な監視ロジックを導入。動画の終端をミリ秒単位で予測してクロスフェードを開始することで、24時間365日、継ぎ目のないシームレスなループ再生を実現しました。

モバイルでの「余白ゼロ」対応

背景画像を全体表示にする際、スマホ画面で生じがちな「意図しない余白（背景色の露出）」を徹底排除。実際の画像アスペクト比（2000:624）をCSSに厳密に反映させることで、あらゆるデバイスにおいて画像がヘッダーやコンテンツとピタッと密着する、完璧なレスポンシブデザインを構築しました。