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

Design Review

デザイン解説

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

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: シオノギヘルスケア株式会社

サイト名: セデス・ハイ

URL: http://www.shionogi.co.jp/sedes/

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

執筆者

カテゴリ

基本情報

メーカーに関連するデザイン

サービスサイトに関連するデザイン

ホワイトを使ったデザイン

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む