No.05「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カラム表示に
睡魔と戦いながらだったので、変な文章あったらすいません…
この記事が気に入ったらサポートをしてみませんか?