8.Waitless|#1日1サイトレビュー
【概要】
パーソナライズボディメイクサポート「Waitless」公式Webサイト
個々のライフスタイルに合わせてオーダーメイドされたサプリメントと、食事・運動プログラムを提供するサービス。
【ファーストインプレッション】
華やか、しっかり、綺麗、美容関係のイメージ
【メインビジュアル】
・ヘッダー:アニメーション画像+その上にサイト名ロゴ
・真上から見たテーブル。他にはコップ、隅には数粒のサプリが小皿に入っている。
→空っぽの平皿が浮かび上がる。
→皿の上に、サプリメント(2袋)が置かれる。
→ 数秒後、ヘッダー画像は左右2分割に。右側はお皿とサプリの画像。
左には女性の画像。(素肌の綺麗な痩せた女性、筋肉質のスラリとしたスタイルの女性など3パターン)
・余白なし
・左上にハンバーガーメニュー
【フォント】
Minion Pro、Nobel
【配色】
#70B4d3 , #fcd274 , #e895b7 , #d3d8dd , #f0f5d6 , #c4d7e3 , #cbdce7 , #c3c1fc , #ffffff
(白、パステルカラー、ビタミンカラー)
【構成】
メニュー(ハンバーガーメニュー)
ヘッダー画像
about(waitlessとは)
サービス紹介(「ONLINEで無料診断」リンクボタン)
サプリメントの紹介(サプリメントの画像)、詳細リンク
プログラムの紹介、詳細リンク
information(お知らせ)
フッター(ABOUT、information、商品一覧、よくある質問、登録会員ページリンク、オンライン無料診断リンク、プライバシーポリシー等)
※右下にSNSアイコン(リンク)、コピーライト文
【レスポンシブ】
SPサイトでは、ヘッダー画像アニメーションは、左右に2分割ではなく上下に2分割となっている。
【あくまでも私見】
▶色使いやモチーフで「女性向け」「健康的」というイメージが湧く。
・丸いモチーフが多い。
・やさしい女性的な印象のパステルカラー
・健康的な印象のビタミンカラー
・健康的な肉体をもつ人物画像
▶細目のテキストで女性らしさを。
詳細リンクを示す「VIEW ALL →」は矢印が細く長い。テキストも小さくて繊細なイメージ。
【ひとつだけ自分のデザインに取り入れるとしたら】
女性を対象としたサイトを作る時
→丸いモチーフ、パステルカラー、
健康的、元気な印象を与えたい時
→ビタミンカラー、明るく元気な雰囲気な人物画像
この記事が気に入ったらサポートをしてみませんか?