「めざまし茶づけ」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

鮮やかな山吹色の背景と、手書き風の緩いタッチの水色のロゴがまず目に入るインパクトのあるファーストビューです。エリアごとのイエロー・グリーン・スカイブルーの3色の背景は元気な印象を与え、ページの上下端に引かれたラインはお茶漬けのパッケージと同じ配色がされていてお馴染みのブランドである安心感をユーザーに与えます。丸ゴシックのタイトルや角丸のサムネイルが親しみやすさを感じさせるデザインで、コンテンツの囲みがお米の形をしているあしらいもユニークです。サイト内には手書き風のイラストで描かれたキャラクターでお茶漬けのおすすめ理由を紹介しており、キャラクター紹介のコーナーを設けてストーリー性をプラスしています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: 株式会社永谷園

サイト名: めざまし茶づけ

URL: https://www.nagatanien.co.jp/brand/ochaduke/mezamashi.html

「めざまし茶づけ」のホームページデザイン解説

執筆者

カテゴリ

基本情報

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

LPに関連するデザイン

イエローを使ったデザイン

イラスト・手書き感なホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む