【課題】LP制作(PCワイヤーフレーム・デザインカンプ)
SHElikes MULTI CREATOR CORCEの課題で、LP制作に取組みました。PC版ワイヤーフレームの修正と、PC版・SPデザインカンプを制作しました。 (所用時間:約22時間 制作期間:約2週間)
◆目次
1.クライアント情報
2.改善提案の内容
3.制作したLP
4.LP制作におけるデザインの意図
5.工夫したこと
6.制作を通して学んだこと
◆クライアント情報
クライアント名:WORK ,inc.
女性向けのビジネススクールを展開している。会員は20~30代の女性が多く、キャリアアップのためにビジネススキルを学び、さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも開催されている。
◆クライアントからのご要望
目的
WORK lounge Aoyamaについて知ってもらうこと
ターゲット
・ビジネススクールWORKの会員様
・ビジネススクールWORKの会員ではないがWORKが気になっている方
ペルソナ
【属性】30代 既婚女性 東京在住
【背景や行動】仕事が大好きで、スキルアップに投資をしてきた。同じような目標を持った同世代の女性と繋がり、お互いに切磋琢磨しあいたい。会社外での人脈を作りたい。
【ニーズやゴール】仕事での成果をもっと出していきたい。経営への理解も含めてゆくゆくは役員になりたいが、起業も考えている。強いチームをつくるため、マネジメントやコーチングのスキルも学びたい。
トンマナ
ペルソナを参考にして制作をしてほしい
提供素材
ロゴ、ワイヤーフレーム
◆改善提案の内容
◆制作したLP
◆LP制作におけるデザインの意図
テーマ:自分の力で未来を切り開きたい女性が集まる場所
コンセプト:エネルギッシュ・つながり・落ち着き
ある程度の役職に就きながらも、更なる高みを目指して役員または起業を目指し努力するキャリアウーマンというぺルソナをもとに何事にも意欲的に取り組むアクティブな女性を想像しテーマを決定しました。
楽しいだけじゃない、友達をつくるためだけじゃない、しっかりと前に進む足がかりを見つける場所という力強さもイメージしました。
配色
上記のコンセプトのエネルギッシュ・つながりを伝えたいと思い、活動的なイメージや情熱的なイメージのある赤と友好的・明るいイメージのあるオレンジを掛け合わせた色であるオレンジレッドを使用しました。
また、オレンジレッドは強い色であるためポップに寄りすぎるかなというのと、ペルソナは落ち着いた女性をイメージできたのでオレンジレッドの補色でもあり落ち着きや安心感のあるネイビーとグリーンを使用しました。
あしらい
四角には真面目なイメージや安心感を与える効果があるので、ネイビーとグリーンを使用し、あしらいとして使用しました。また、細い線の四角にすることで、少し上品な大人なイメージを表現しました。
◆工夫したこと
1.ゴールの設定
クライアントの目的「WORK lounge AOYAMAについて知ってもらう」について、ターゲット別にゴールを設定しました。また、ターゲットごとのユーザーストーリーも考えました。
①ビジネススクールWORK 会員
WORK lounge AOYAMAに来てもらうためにアプリのダウンロードを促す
②ビジネススクールWORK 非会員
ビジネススクールWORKについて知ってもらうための専用ページにとぶボタンを設置
①・②共に最後にダメ押しでフッターの上にCTAを設置しました。
2.セクションの配置の仕方
ただ楽しいだけじゃないというイメージ(しっかり感・きちんと感)を入れたかったので四角くをイメージして文を揃えたり、画像を配置しました。
3.イベントサムネイルの作成、コンテンツごとの色分け
ペルソナが人とのつながりを求めていたので、イベント情報は重要と考えました。そこで、イベントごとに目を引き、参加したいと思ってもらえるようなサムネイルを作成しました。また、ニュースセクションは、イベントとお知らせの2つを載せたいと思ったので、イベントはネイビー、お知らせはグリーンとタグの色分けを色でもなにの情報かぱっとわかりやすくしました。
◆制作を通して学んだこと
ペルソナの深堀・ターゲットへの理解
クライアントの目的を達成するためにはペルソナの深堀が大事ということを学びました。ペルソナのイメージにこの配色やフォントはあうのかと何回も確認しその度にわからなくなることがありました。しっかりとテーマとコンセプトをペルソナをもとにつくっておくことで指針になりました。