91.ヘルシーオンスイッチ #1日1サイトレビュー
【印象】
・可愛い、ポップ、シンプルな印象
【ファーストビュー】
・画面右側に商品を持った手の写真を配置。商品に合わせたななめのラインでキャッチコピーを表示。下部には金額など商品情報を載せている
・画面左側にキャッチコピーを表示している。テキストカラーは黒だが、強調部分は白と黒で袋文字にしていたり白でマーカーを引いたりしている
・画面左上にロゴを表示している。ヘッダーメニューは無し
【コンテンツ】
・商品のパッケージに黄色と灰色をしているのでサイト全体もパッケージに合わせた配色になっている。背景色は黄色をメインに使用し、一部に灰色や灰がかった水色を使用。パッケージに水玉を使用したり可愛らしいフォントを使用したりしていることからポップで楽しい印象を受けるが、サイトも同じように楽しい印象を受けるデザインになっている。統一感のある印象を持った
・メインが黄色、テキストカラーが黒の組み合わせなのでポップで楽しい印象。「健康」という言葉からナチュラルなイメージを連想するが、色合いから人工的なイメージを持った
・「こんなお悩みありませんか？」の部分のみで水色を使用しているのは食欲減退色なこと、灰色がかった水色なので落ち着いた印象を受けることから落ち込んだ様子や悩んでいる様子を表現しているものと思われる
・商品を手に持った写真を複数箇所に使っている。または本文の周りに商品を散りばめることで楽しそうな印象を作っている
・顔が写った写真はサイト下部で載せている
・FVだけでなくサイト全体で強調箇所は袋文字がマーカーを使用している。全体的にあしらいがシンプルな印象
・購入を促すセクションをサイト内に3箇所設置。ボタンは黒枠に白背景で黒文字となっているが、ホバーで黒背景と白文字に変更
・画面右下に追従で購入ボタンを設置している。FVからスクロールすると表示されるようになっている
・フッターでメニューを中央揃えで配置している
【カラー】
・黄色、白、黒、水色
・テキストカラーは黒#000000
【フォント】
・Hiragino Kaku Gothic ProN
【レスポンシブ】
・FVはキャッチコピーを上部に表示し、下部に商品写真を載せている
・全体的にフォントサイズが大きめ
・画面右下の購入ボタンの文字は小さくて少し読みにくい印象。画像でボタンを表示しているので縮小したことによって文字が小さくなってしまっている。またサイト最下部のコピーライトがボタンで隠れてしまうようになっているのが気になった。もう少し表示位置を上にすると良いと思った