No.05「KOREDAKE | ウェルネスプロテイン」#サイトレビュー

KOREDAKE | ウェルネスプロテイン

■概要

・女性向けプロテインを販売している「KOREDAKE」の商品Webサイト

■目的

・KOREDAKEの商品紹介のため
・商品の販売促進のため

■ターゲット

・健康や美容に気を遣っている女性
・手軽に栄養素を摂りたい方
・原材料にこだわったプロテインを探している方

■全体の印象

・装飾は少なくシンプルなサイト
・余白やジャンプ率がちょうど良くておしゃれ
・ピンクをメインに使用して、女性らしさを出している
・動きがあまりないためワクワク感はないが、落ち着いて文章を読める

■メインビジュアル

・ヘッダーにロゴとナビゲーションとログイン、カートのアイコン
・ナビゲーションはページ内リンクではなく、別ページへリンク
・左側にキャッチとproduct画面へ移るボタン
・右側は女性の体とプロテインの写真の3枚のスライドショー、写真によって背景が変化している
・右下にはスクロールを促すアニメーション

■コンテンツ

・タイトルとテキストのジャンプ率が高いため、セクションの区切りがわかりやすい
・1食ですべての栄養が摂れる、完全栄養プロテイン：左に粉の写真、右にプロテインを実際にシェイカーに入れている動画がある。粉そのものを写真で載せたり動画を載せたりすることで、どんな商品なのか、一回分はどのくらい使用するのか想像しやすいと思った

・KOREDAKEの栄養素：横いっぱいに栄養素の棒グラフがあり、ホバーすると栄養素の％と量が吹き出しで表示される

・ボタンはホバーすると若干白みがかる

・メッセージ：写真がないが、タイトルとテキストを2カラムで分けている。テキストは内容の区切れたところで適度に余白があり、読みやすい

・インスタグラム：横いっぱいに写真を敷き詰めており、テキストがないのでスッキリしていておしゃれだと思った。さらに写真が見たいと思った時、写真をクリックして簡単にリンクできる方が、ユーザーにストレスのないサイトになるのかなと思った。

・フッター：白背景でロゴ、ナビ、SNSボタンがある

■背景色

・#ed8b8b
・＃f5b2ad
・#ffffff
・#efefef

■テキスト色

・#000000
・＃f5b2a
・＃33333
・ #ffffff
・＃999999

■フォント

・Noto Sans CJK JP
・century gothic

■レスポンシブ

・ナビゲーション：「MENU」に格納される
・メインビジュアル：キャッチが背景写真に載らず、写真の後に表示
・要素縦積み
・インスタグラム：2カラム表示に

睡魔と戦いながらだったので、変な文章あったらすいません…