見出し画像

【Webレビュー】No.20 ホホホタケ

URL

ホホホタケ - 食卓を咲かせる幻のキノコ

第一印象

ホホホタケって何だ??から興味を引くWebサイト。ホホホタケの紹介から始まり、入手方法、レシピの流れで見せていくことで食べたさが増していく。マリナーラめっちゃ美味そう。食べたい。全体的にワントーンで統一されていて、内容に集中することができる。

ターゲット

ホホホタケに興味を持った消費者

使用フォント

メイン…游ゴシック

配色

白…FFFFFF
茶…F6EFE5

トップページ構成

ホホホタケの紹介

商品紹介

取扱のあるお店

ホホホタケのレシピ

自社の紹介
ホホホタケで興味をひき、入手経路、レシピと進めることでユーザを長く滞在させることができる上に、ホホホタケを食べてみたいと思わせる狙いがあるのではないか。また、一連の流れを見た後に会社の紹介をすることで、会社自体にも興味が湧き、良いプロモーションになっている。

デザインポイント

全体的にワントーンで統一されておりスッキリとした印象。フォントもシンプルな游ゴシックを使っている。ホホホタケというコンテンツのインパクトが強いため、他をシンプルに抑えているのだろうか。

トップビューのホホホの印象づけが強い。フォントも可愛く、文字のずらしでリズムを生んでいる。

ホホホ

実装ポイント

クリックできる箇所が動くで統一されている。点三つの表示はよくあるが、動かすのは初めて見た。動くことで気になり、クリックしたくなる。次の階層に誘導したいときに有効かもしれない。

動く点

この記事が気に入ったらサポートをしてみませんか?