LPデザイン【架空案件】
SHElikes MULTI CREATOR COURSEの課題で、コワーキングカフェのLPデザインカンプ、スマホサイトのWF作成に取り組みました。(期間:2週間)
所要時間:約35時間
制作ツール:Photoshop、Illustrator
■クライアントについて
クライアント名:WORK ,inc.
女性向けのビジネススクールを展開している。会員は20~30代の女性が多く、キャリアアップのためにビ ジネススキルを学び、さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも 開催されている。
■要件
会員様限定のカフェ&コワーキングスペースをオープンすることとなったため、 利用方法やアクセス情報を載せたWebサイトを制作したい 。
目的 :WORK lounge Aoyamaについて知ってもらう
ターゲット:ビジネススクールWORKの会員様
ビジネススクールWORKの会員ではないがWORKが気になっている方
トンマナ :ペルソナを参考にして制作
ペルソナ :都内在住の女性(32歳、既婚、スキルアップに積極的でゆくゆくは起業を考えている)
※事前にWFをいただいており、WFをブラッシュアップし、デザインカンプを制作した。
■制作物
■課題を通して学んだこと
・webサイトをより良くするにはどうしたらいいか考えること。
・↑考えるにあたり制作するwebサイトの業界とペルソナの関係を考察すること。
・文字や余白を実際に制作するならどうするか等を考えながら仕上げること。
■頑張ったポイント
・メインビジュアルにあるロゴを見やすくするために少し加工した。(白のドロッシャドウ)
・写真の明るさを加工してなるべく揃えた。
・サイトのコンテンツを考えるにあたり、WORKのコワーキングカフェには何の情報が必要かを意識した(金額は不要[FAQに非会員の料金があるので会員は不要と判断した。コワーキングスペースはどのくらい設備が充実しているのか。コンセプトを見る限り会議室まではないだろうと判断した。過ごしやすさをイメージしてもらうために室内の写真を入れた。コワーキングカフェのもとにあるビジュアルスクールへの導線を追加した]
・フォントを工夫した(女性の上品さ→明朝体。ペルソナのアクティブさと見やすさ→ゴシック体)
・配色について
→女性向けのサービス→柔らかさが欲しいと思い、薄いグレーとグレージュを選んだ。
→ペルソナがスキルアップに前向きなキャリアウーマン→アクティブな印象を与えたいと思い明るいオレンジをアクセントに選んだ。
■課題の感想
WFを再考するのもそうですが、バナーとは違い、コーディングすることも考えながら作るのが大変だった。
他社のwebサイトを見てコンテンツを考えたり、WFやムードボードの作成等、事前準備に時間がかかったが、その分カンプは準備ほどの時間はかからず、準備の大切さがわかった。