UNDERWATER PHOTO GALLERY

水中写真の魅せ方と、最適な訴求

大きなヒーローイメージでひと目で何を目的にしたサイトであるかがわかりやすいデザインにしました。

フォトギャラリーにある撮影機材ボタンをクリックすると、その写真に使用された撮影機材の組み合わせを、簡単にシュミレーションすることができます。

UNDERWATER PHOTO GALLERY - responsive screen

各製品の装着アイテムがひと目でわかる

各製品サムネイルにdata属性を設置し、フィルタリングを実現しました。これにより、どの製品にどのアイテムが装着できるのかをひと目で認識できます。 また、全体のサイトデザインでは、"水中感"を出すため、ヒーローイメージから下は黒いグラデーションをかけています。マルチデバイス対応のUIでスマートフォンにも対応しました。

UNDERWATER PHOTO GALLERY - smartphone screen
UNDERWATER PHOTO GALLERY - tablette screen

ALL WORKS