2022.12.8現在
3714件のデザインを掲載中
http://olympus-imaging.jp/

「OLYMPUS IMAGING」のホームページデザイン解説

Design Review
デザイン解説

メインビジュアルのスライドショーはビジュアルに合わせて左右の帯の色が変化し、ビジュアルが帯の色にすっと馴染むように切り替わるアニメーションが目を引きつけます。製品紹介のサムネイルでは写真が設置面に反射しているような鏡面効果を加えることで高級感を演出しています。ホワイト・ブラック・グレーのバックをエリアごとに切り替えてコントラストをつけたレイアウトはSNSアイコンもモノトーンで統一されてより写真を引き立てる色使いです。製品情報はタブ切り替えを使うことで膨大な情報を冗長になりすぎずまとめることができ、興味を持った商品はそのままオンラインショップに移動して購入できるリンクも設置されています。

執筆者

岡本 美憂
Okamoto Miyu
岡本 美憂
独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

カテゴリ

基本情報

会社名
OMデジタルソリューションズ株式会社
サイト名
OLYMPUS IMAGING
URL
http://olympus-imaging.jp/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む