F19c52e49e646e9d

LPデザイン(課題)

OVERVIEW

SHE MULTI CREATOR PROJECTの課題として、クライアントの依頼内容からWFを基に情報を再構築し架空のジムの体験予約LPのデザインカンプを作成しました。

YEAR 2020

≪クライアント情報≫

20~30代女性をメインターゲットとした女性専用パーソナルジム「BODY MAKEY」。ただ痩せるのではなく自分らしい美しさを目指すことを大切にしている。目標設定からトレーニング・食事管理まで徹底したサポートが特徴。


≪ターゲット≫

20~30代女性、痩せるだけでなく自分らしさを追求する人


≪目的≫

無料体験予約ができるLPを通して集客数を上げること


制作したデザインカンプ


◎デザインの意図


あなたらしい≒自然体≒ボタニカル

「あなたらしい美しさ」というコンセプトからあなたらしい≒自然体≒ボタニカルと連想し、クライアントからの提供素材写真の背景にもグリーンが見えていることから、草花をイメージしたグリーンとピンクの色合いをトンマナに使用しました。また、ジムということから青みのあるピンクを使用し、洗練されたイメージを目指しました。


本来の美しさを表現する笑顔

クライアント提供素材写真の女性が笑顔でにこやかでもあり、「もともと持っている美しさ」≒笑顔と仮定して、システム説明にはそれぞれ笑顔で取り組んでいる女性の写真を探して配置しました。


フォントや矩形とあしらい・トンマナのバランス

トンマナとあしらいでピンクや花・リボンなど女性らしさを表現する一方、トレーニングやスマートさを表し洗練されたロゴのイメージと調和させるために各メニューの見出しの英文フォントはスタイリッシュなものを使用しました。

また、角丸は使用せず長方形と丸を使用することでメリハリを出し、丸で親近感を、長方形ではトレーニングの緊張感を出し2つの調和を図りました。


◎頑張ったポイント


ロゴのデザインとフォントの調和

ロゴデザインがゴシック体でシンプルなデザインのため、イメージの乖離がないようにメニュー・各項目見出しにはMの形に親和性があり細身なBarlowを、本文には游ゴシックを使用しました。


提供素材からの考察

トンマナは自由決定してOKという依頼内容でしたが、クライアントからの提供素材からできるだけイメージを膨らませるよう取り組みました。


ホバー時のデザイン

グローバルナビゲーション、ボタンはホバーした際どういうデザインになるのか、実際にコーディングする際にイメージしやすいよう考えてデザインカンプに落とし込みました。


写真素材えらび

システムと利用者の声の写真はフリー素材から検索し使用しました。システムでは元来持つ美しさを連想する笑顔を、利用者の声にはマシーン感が出すぎて圧迫感がないよう背景にグリーンが写り込んでいる写真を起用しました。


◎学んだこと

こちらの課題の前に取り組んだLPトレースで学んだことを実際に手を動かして考えることで学ぶことができました。


余白に基準を設ける

・余白のバランスのとり方、余白に一定の基準を設けることで全体的のバランスを整えたLPデザインを制作できたのではないかと思います。


配色による注目率向上

見てほしい項目やテキストの配色、今回のデザインカンプでは注目してほしい箇所には濃いピンクを使用することで注目率を上げられるようにしました。


テキストジャンプ率

見てほしい項目、目立たせたい項目を優先し、テキストサイズにメリハリをつけるノウハウを身に着けることができました。