2023.12.6現在
4112件のデザインを掲載中
https://www.ohayo-milk.co.jp/

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

Design Review
デザイン解説

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

執筆者

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

カテゴリ

基本情報

会社名
オハヨー乳業株式会社
サイト名
オハヨー乳業
URL
https://www.ohayo-milk.co.jp/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む