![見出し画像](https://assets.st-note.com/production/uploads/images/114756964/rectangle_large_type_2_9cabd32760eccb8bd5c9615f8111789e.png?width=1200)
【Webレビュー】No.20 ホホホタケ
URL
第一印象
ホホホタケって何だ??から興味を引くWebサイト。ホホホタケの紹介から始まり、入手方法、レシピの流れで見せていくことで食べたさが増していく。マリナーラめっちゃ美味そう。食べたい。全体的にワントーンで統一されていて、内容に集中することができる。
ターゲット
ホホホタケに興味を持った消費者
使用フォント
メイン…游ゴシック
配色
白…FFFFFF
茶…F6EFE5
トップページ構成
ホホホタケの紹介
↓
商品紹介
↓
取扱のあるお店
↓
ホホホタケのレシピ
↓
自社の紹介
ホホホタケで興味をひき、入手経路、レシピと進めることでユーザを長く滞在させることができる上に、ホホホタケを食べてみたいと思わせる狙いがあるのではないか。また、一連の流れを見た後に会社の紹介をすることで、会社自体にも興味が湧き、良いプロモーションになっている。
デザインポイント
全体的にワントーンで統一されておりスッキリとした印象。フォントもシンプルな游ゴシックを使っている。ホホホタケというコンテンツのインパクトが強いため、他をシンプルに抑えているのだろうか。
トップビューのホホホの印象づけが強い。フォントも可愛く、文字のずらしでリズムを生んでいる。
![](https://assets.st-note.com/img/1693320974125-my1GmlDAPk.png?width=1200)
実装ポイント
クリックできる箇所が動くで統一されている。点三つの表示はよくあるが、動かすのは初めて見た。動くことで気になり、クリックしたくなる。次の階層に誘導したいときに有効かもしれない。
![](https://assets.st-note.com/img/1693320905831-i2Sv9LDsmA.png)
この記事が気に入ったらサポートをしてみませんか?