2021.10.22現在
3714件のデザインを掲載中
http://www.shionogi.co.jp/sedes/

「セデス・ハイ」のホームページデザイン解説

Design Review
デザイン解説

サイトを開くとまず表示される2枚のメインビジュアルは、まずこちらを見つめる女性の大きな写真と、イエローとブルーの背景に大胆に配置されたロゴに引きつけられます。アニメーションで切り替わるもう1枚のビジュアルは3種類の商品ラインナップと主成分が表示されますが、主成分は濃いイエローの背景にホワイトのフォントで描かれているため、視認性を上げるためにわずかにドロップシャドウをかけています。今回の主な訴求はパッケージのリニューアルのため、角丸長方形のボタンを使った横方向のタブ切り替えを使い、パッケージの変更点をアニメーションで表しています。3種類の商品のメインカラーをバックに使って画面全体を3等分し、商品を大きくマージンを取って配置しているため、大胆な配色ながらすっきりとしたサイトです。

執筆者

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

カテゴリ

基本情報

会社名
シオノギヘルスケア株式会社
サイト名
セデス・ハイ
URL
http://www.shionogi.co.jp/sedes/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む