見出し画像

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 →」は矢印が細く長い。テキストも小さくて繊細なイメージ。

【ひとつだけ自分のデザインに取り入れるとしたら】

女性を対象としたサイトを作る時
→丸いモチーフ、パステルカラー、

健康的、元気な印象を与えたい時
→ビタミンカラー、明るく元気な雰囲気な人物画像


この記事が気に入ったらサポートをしてみませんか?