【実践課題】LPデザイン
SHElikes MULTI CREATOR PROJECTにて、LP制作(架空コワーキングスペース)の課題に取組みました。※課題の指定によりPCのデザインカンプ、SPはワイヤーフレームのみ制作 制作期間:2週間 制作ツール:Photoshop
目次
1 制作物
2 課題要件
3 ペルソナ
4 情報設計
5 デザインコンセプト
6 デザインの工夫
7 制作を通して学んだこと
1 制作物
2 課題要件
【目的】
①WORK lounge Aoyamaの認知拡大
②ラウンジをきかっけにビジネススクールWORKの会員様を増やすこと
【クライアント情報】
・クライアント名:WORK ,inc
・女性向けのビジネススクールを展開している。
・会員は20~30代の女性が多い
・キャリアアップのためにビ ジネススキルを学び、さらにそのアウトプットの場 として定期的にビジネスコンテストなどのイベントも 開催されている。
【ターゲット】
・ ビジネススクールWORKの会員様
・ビジネススクールWORKの会員ではないがWORKが気になっている方
・20~30代、ビジネス感度の高い女性
3 ペルソナ
4 情報設計
クライアントから共有されたWFをもとに、セクションを追加や簡略化するなどの見直しをしました。
5 デザインコンセプト
「キャリアアップしたい」という思いを持つ女性が落ち着き安心して過ごせることをコンセプトに考え、アクセントカラーはローズピンクをしました。
キーワードは、「親しみやすさ」「しなやかさ」「落ち着き」「前向き」「シンプル」「ニュアンスカラー」
フォントは上品な印象を与えられる明朝体とセリフ体を使用しました。
6 工夫した点
①ヘッダー部分にWORKへの遷移ボタン、ログインボタンの設置
すでに会員の方はログインボタンからマイページにとべるようにし、未会員の方はビジネスWORKのHPにアクセスできるようにしました。
②メインビジュアルにアプリダウンロードボタンの設置
便利なアプリがあることをすぐに知ってもらうために、メインビジュアルに設置してアプリのダウンロードを促すことを考えました。
③施設内の写真、サービス内容の追加
施設内の様子がわかるように写真を追加しました。
またコワーキングスペースの施設サービスとして、カフェやWi-Fiなどの設備があることをイラストを用いて提示しました。
7 制作を通して学んだこと
ワイヤーフレームを変更して、伝えたい情報を伝えるように情報設計の大切さを学びました。
ペルソナやテーマに合わせた色の使い方、LP制作の一連の流れを学ぶことができて勉強になりました。