【SHElikes マルチクリエイターコース課題】架空LP制作(デザイン)
SHElikes MULTI CREATOR PROJECTでLP制作課題に取り組みました。PC版ワイヤーフレームの修正と、PC版・SP版のデザインカンプを制作しました。
制作時間:2週間
制作範囲:情報設計・デザイン
使用ツール:Photoshop
✴︎制作要件✴︎
- クライアント情報
<クライアント名:WORK,inc.>
女性向けのビジネススクールを展開している。 会員は20~30代の女性が多く、 キャリアアップのためにビジネススキルを学び、 さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも開催されている。 - 目的
会員様限定のカフェ&コワーキングスペースをオープンすることになったため、WORK rounge Aoyamaについて知ってもらうこと。 - ターゲット
ビジネススクールWORKの会員様
ビジネススクールWORKの会員ではないがWORKが気になっている方 - ペルソナ
【属性】30代 既婚女性 東京在住
【背景や行動】仕事が大好きで、スキルアップに投資をしてきた。同じような目標を持った同世代の女性と繋がり、お互いに切磋琢磨しあいたい。会社外での人脈を作りたい。
【ニーズやゴール】仕事での成果をもっと出していきたい。経営への理解も含めてゆくゆくは役員になりたいが、起業も考えている。強いチームをつくるため、マネジメントやコーチングのスキルも学びたい。
✴︎制作したLP✴︎
✴︎ワイヤーフレーム✴︎
✴︎情報設計✴︎
①店内のイメージ画像をコンセプトの下に複数枚追加
画像を増やすことで店内の雰囲気が伝わりやすくなり、実際に利用しているときのイメージをつかんでもらう。
②サービス内容を追加
3つの特徴と画像を一緒に並べてカフェ利用でどんなメリットがあるかをアピール。
また、イベントを行っていることをここでのせることで交流を持ちたいと考えているユーザーに興味を持ってもらう。
③ドリンクメニューの画像枚数、順番を変更
他の要素より重要度が低いので画像の枚数を1つのみに減らし、あえてシンプルにすることで他の要素を目立たせる。順番をシステムとFAQの間の下部の位置に変更。
✴︎ビジュアルデザイン✴︎
①コンセプト
【大人の働く女性】【高級感、スタイリッシュ】
ターゲットのペルソナから、自律した大人のかっこいい女性をイメージ。
②配色
・ベースカラー
メイン・アクセントのカラーが引き立つように同系色のピンクベージュで女性らしさを演出。
・メインカラー
女性をイメージさせるピンクをメインカラーにしつつ、かわいくなりすぎないよう淡めの色で落ち着いた印象になるように。
・アクセントカラー
高級感を感じさせるゴールドをアクセントカラーに。また、ピンクとなじみがよくなるようオレンジ系のゴールドで調和させつつ目立たせる。
③フォント
本文・欧文どちらも洗練されていて品のある「Noto Serif JP」を使用し、見出しなど目立たせたい箇所はSemiBoldにすることで強弱をつけました。
④装飾
単調なデザインにならないよう、注目をしてほしい要素の画像やボタンの角に丸みをつけて女性らしさと動きをつけて工夫しました。
✴︎学んだこと✴︎
カラーやデザインを決めたポイントや理由を言語化することで自分自身のなかでもぼんやりしていたものを改めて整理・気づくことが出来ました。
また、自分の好みだけでなく目的に沿っているのかなどの客観的な視点を忘れてはいけないということも気づきました。
✴︎頑張ったポイント✴︎
トンマナをそろえるように意識しました。
また、文字間や余白などを使いながら詰め込みすぎず全体のバランスも意識しました。