Olympus Global Brand Site

13言語に対応したグローバルなブランディングサイト

13言語まで対応し、各製品に合わせたデザインを展開しています。

カメラのレンズ内をスクロールでフェードさせたり、PC表示時のフォトギャラリーに虫眼鏡機能を実装したり、様々な仕掛けをjavaScriptで作りました。高解像度画像により、大画面でも迫力のあるブランドサイトです。

Olympus Global Brand Site - responsive screen

各幅の大きさで画像を変更することでパフォーマンスを最大限に活かす

PC環境では4Kにも耐えうる高解像度を実現しながらも、「レスポンシブwebデザインにして欲しい」というクライアントの希望に応えるため、“srcset”を使用。表示する画像データをブラウザの幅によって制御しました。さらに、未対応ブラウザでも"srcset"の使用を可能にし、スマートフォンでもすぐに表示されるよう調整しています。

Olympus Global Brand Site - smartphone screen
Olympus Global Brand Site - tablette screen

ALL WORKS