架空LPデザイン制作(会員限定カフェ&コワーキングスペース)
OVERVIEW
SHElikes MULTI CREATOR PROJECTにて、LP制作課題に取り組みました。PC版ワイヤーフレームの修正と、PC版・SP版のデザインカンプを制作しました。
【使用ツール】Illustrator/Photoshop
目次
① 要件
② 制作したLP
③ 工夫したこと
④ 制作を通して学んだこと
======================================
① 要件
- クライアント情報
<クライアント名:WORK,inc.>
女性向けのビジネススクールを展開している。 会員は20~30代の女性が多く、 キャリアアップのためにビジネススキルを学び、 さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも開催されている。 - 目的
会員様限定のカフェ&コワーキングスペースをオープンすることになったため、WORK rounge Aoyamaについて知ってもらいたい - ターゲット
ビジネススクールWORKの会員様
ビジネススクールWORKの会員ではないがWORKが気になっている方 - ペルソナ
【属性】30代 既婚女性 東京在住
【背景や行動】仕事が好きでキャリアアップのために積極的で外交的な人。自身のスキルアップにも積極的に投資される方。同じような目標を持つ同年代と繋がってお互いに切磋琢磨したい。会社外での人脈を作りたい。
【ニーズやゴール】今より仕事での成果を出したい。経営者と繋がったり経営への理解を深めたい。会社で役員を目指している。社会的にインパクトのある仕事をしたい。
強いチームを作るためのマネジメントやコーチング組織づくりに興味がある。
② 制作したLP
③ 工夫したこと
■コンテンツの再検討
まず、ヘッダーに関しては、新規の方と既存会員様両方に向けたサイトということで両者に向けたボタンを設置しました。
また、利用する側に立って考えた結果、プランや料金なども含めてどんな設備でどんなサービスをしているかの具体的な記載があった方が優しいと考え、デザインとして盛り込みました。FAQは、間延びせず離脱率をなるべく低くするためコンパクトにしました。
■配色
赤は強い女性のイメージでアクセントとして使用しています。写真のグリーンは、リラックスして作業できる空間であることをアピールするために、背景のグリーンは落ち着いた大人っぽさを意識しました。基本的にはターゲットである働く女性のスーツやその他のオフィスカジュアルな服装から配色を選びました。ピンクなども使用して可愛らしさも忘れないようにしました。
④ 制作を通して学んだこと
ムードボードと要件定義の重要性を学びました。作っていると色々したくなってしまうので事前に「優先順位をつけて取り組むこと」が、後の作業の効率アップにつながるのだと思います。ヒアリングの様子から要件定義をする方法を改めて具体的に学べた気がします。また、情報を整理することに時間がかかるため、クライアントの許しを得られるならなるべくアーカイブを残しておくことで後々自分自身が助かることを知りました。