概要

• 業界/業種：食品

• テイスト：和風/イラスト使用/かわいい

• 制作会社：PARK Inc.

第一印象

ポップで可愛らしい和風イラストがちりばめられて賑やかな印象。写真もシズル感たっぷりで非常に食欲をそそられる。程よく縦書きの箇所があって、日本らしさを感じる。フォントは見出しが明朝体で本文は細めのゴシック体に使い分けているため、文章が多くても読みやすい。

ターゲット/目的

本サイトはお雑煮の知識を深めることができるコラム的なコンテンツで、主にお雑煮の歴史や地域ごとの違いを丁寧に紹介している。

ページ下部には茅乃舎の店舗やブランドサイトへの導線があり、ブランド認知・集客を最終的な目的としていることが予測できる。

使用フォント

• 見出し：FOT-筑紫Aオールド明朝 Pr6 D

• 本文：FOT-筑紫ゴシック Pr5 R

古風で美しい筆脈を感じる「FOT-筑紫Aオールド明朝 Pr6 D」を見出しに使用。本文は「FOT-筑紫ゴシック Pr5 R」に変更し、可読性を高めつつクラシックな味わいと柔らかさを演出している。

配色

• ベース：＃FFF（白）/＃F9F7F4（ベージュ）

• アクセント：＃E58C8C（ピンク）/＃C71500（赤）

• フォント：＃000（黒）

イラストや写真が鮮やかなため、ベースは白中心でシンプルにまとめている。フォントはコントラスト強めの＃000を使用。

デザインポイント

• スマホファーストのサイトであるが、PCで閲覧した際にイラストがコンテンツ幅から少しはみ出るように配置されていて、奥行きを感じさせる。

• PCで閲覧した際の目次が縦書きで札のようなデザインになっていて和を感じさせる。また、目次がふわふわと上下に動いていて目を引く。

• ハンバーガーメニューがお雑煮を連想させるお椀型になっている。クリックするとふたが開いたような見た目に変化し、動きがユニークである。

• 写真を市松模様のようにタイル状に並べた箇所がある。伝統的で縁起の良い和柄を取り入れることで、新年を迎える時期に食べるお雑煮に相応しいデザインに仕上がっている。ちなみに、市松模様には、柄が途切れることなく続いていくことから「繁栄」の意味が込められているそう。