「リード」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

メインの画像領域では商品のラインナップごとにサムネイル画像が用意されていて、切り替わっていく仕組みになっています。サムネイルをクリックすると商品の詳細ページへ遷移できて、使い方などをレクチャーしている動画も用意されています。他にもイラストを使ってPR内容が細かく記載されたページになっていて内容がわかりやすい表示になっています。また、スクロール先にある商品紹介の項目では背景に料理の写真が使われていて、優しい雰囲気を演出しています。さらにフリーワードを入力してレシピを検索できるサービスも提供していて、ユーザが使いやすいサイト設計が考えられています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: ライオン株式会社

サイト名: リード

URL: http://reed.lion.co.jp/

「リード」のホームページデザイン解説

執筆者

カテゴリ

基本情報

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

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

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

ナチュラル・清潔感なホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む