「オハヨー乳業」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

サイトを開くと画面幅いっぱいにおすすめ商品を紹介する様々なテイストのビジュアルがスライドショーで流れます。おすすめ商品やロングセラーの商品紹介は製品の切り抜き写真を1列に並べ、右上に点線で囲んだおススメ表示を配置しています。製品のこだわりの紹介では鮮やかな写真をタイル状に並べて、クリックると木目やファブリックなどのアナログ感のあるのテクスチャの上に半透明のグレーを重ね、見出しに牛乳やコーヒー豆などの各原料の切り抜き写真をあしらった可愛らしいデザインになっています。製品紹介ではテーブルレイアウトで製品の情報を細かく表示するとともに、アレルギー情報を鮮やかなブルーのイラスト入りアイコンで表示してユーザーの買い間違いを防ぐ工夫がされています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: オハヨー乳業株式会社

サイト名: オハヨー乳業

URL: https://www.ohayo-milk.co.jp/

「オハヨー乳業」のホームページデザイン解説

執筆者

カテゴリ

基本情報

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

コーポレートサイトに関連するデザイン

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

シンプルなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む