https://koikeya-pridepotato.jp/

◎視点
ダイナミックで迫力のあるデザインが苦手なのでこのサイトをレビュー。
写真の使い方はもちろん、文字などのジャンプ率にも着目する。
個人的にお菓子などの食べ物のサイトをみるのが大好きなので、特に自分がまかされたらどうするかを意識する。

◎概要
湖池屋を代表するフライドポテトのサイト。
大きく立体感のある画像を用いることで迫力のあるサイトとなっている。

◎フォント
ヒラギノ角ゴシック (アクセント)遊明朝
見出し [PC] 50px / [SP] 30px
標準:15px
→特にPC版はジャンプ率がすごく高い。
その他テキストが画像のものもあり、それを含めてもジャンプ率が高い。

◎配色
フレーバーごとの色を生かすために、ベースは白。

◎余白
コンテンツ間: [PC]100px [SP]40px
見出し下: [PC]60px [SP]30px

◎FV
タレントさんの写真を大きく使用してインパクトを出している、
右のロゴマーク、ロゴタイプの配置バランスのいいデザインになっている。
FVに全商品のラインナップが一覧できるとこもいい。

◎ABOUT
スクロールするとパララックスで画像が現れ、左に縦書きのテキストエリアが表示される。
見出しと本文のジャンプ率や、余白、色を使うことで見やすい。

◎PRODUCT
見出しと本文のジャンプ率が大きく、全体的バランスが取れている。
画像の背景色は商品ごとにカラーが別れており、一目で色のもつイメージを持たせる。
湖池屋フライドポテトはパッケージがとても特徴的なのでそれを生かし、パッケージを大々的に見せるデザイン。
(このパッケージリニューアルで大々的に売り上げが伸びたと聞いたことがある・・・)
右上には商品のポテチ写真をおくことで、右にも重さが入り全体的に幅高さいっぱいバランスが取れたデザインとなる。

柿と種とサイトレビュー| Webサイト100選 No.091 湖池屋フライドポテト

◎ダイナミックなデザインポイント
画像の立体感が素晴らしい!FVのタレントさんのつや感(?)もすごいし、
商品写真の立体感も綺麗に表現されていて印象に残りやすい。ポテチ1つ1つに影をつけることでさらに立体感が出る。

柿と種とサイトレビュー| Webサイト100選 No.091 湖池屋フライドポテト

コメントを残す