Works
制作実績
| Client | 株式会社セイシン企業様 |
|---|---|
| Scope | 健康食品サイトのTOPページのデザイン |
| Type | サービスサイト |
| Schedule | 2024年5月下旬〜2週間ほど |
| Tools | Adobe XD |
| URL | https://www.betterseishin.co.jp/health/open_in_new |
Data
データ
| ターゲットユーザー | 大人から子供まで年齢問わず健康に気を遣っている方 |
|---|---|
| 事業内容 | 健康食品事業 |
| 制作目的 |
|
| 全体の希望の雰囲気 | 明るくて洗練されたイメージ |
| メインカラー | 水色、白 |
| デザインの意図 | ★背景 水色系のグラデーションを要所要所で配置して明るく洗練されたイメージを表現しています。 ★FV部分 実際に商品を利用して健やかな生活を送っているようなイメージが伝わるデザインにしています。商品の画像は小さめに、人が写っている画像は大きめにしてメリハリをつけています。上の段は左に、下の段は右に流れる動きを想定して作成しました。 ★FV下 セイシン企業様の想いを載せています。FV部分が画像が多く、動きも付与するとなると印象が強くなるため、想いの部分はあえて文字だけにしてキャッチコピーにフォーカスするようにしています。キャッチコピーの部分だけ丸みのあるフォントを希望されていたので、上品で温かみのある「筑紫A丸ゴシック」を使用しました。 ★取扱商品一覧 各カテゴリのメイン商品の画像を使用し、簡単な導入文とボタンを配置して、商品一覧ページに遷移してもらうように促しています。 ★ピックアップ商品のスライダー ピックアップ商品を複数スライダーで表示させています。 クリックするとその商品の詳細ページに飛ぶようにして、TOPページからでもエンドユーザーが自分で気になった商品の詳細ページに直接移動できるようにしています。 |
PC / SP
イメージ
