【課題】LPデザイン

OVERVIEW

SHElikes PRO デザイナー LP制作の課題。架空クライアントの依頼内容をもとにPC版のワイヤーフレームからデザインカンプとSP版ワイヤーフレームを制作しました。 目的にコミットするための一貫した情報設計をし、ターゲットに合わせてビジュアルデザインに落とし込みました。

YEAR 2025

制作期間:2025年12月8日から12月21日(2週間)
制作範囲:情報設計・ワイヤーフレーム・デザインカンプ(PCのみ)

1. 制作物

※写真やアイコンは、全てフリー素材


2. 課題内容

架空クライアントからの依頼内容 

【クライアント情報】

クライアント名→WORK .inc

働く人々に新しい可能性を提供する事業を複数展開。事業のひとつに都内で働くビジネスパーソン向けのコワーキングオフィスを運営。

会員は30代の女性が多く、キャリアアップのために日々仕事や勉強に励む意欲的な人々が集まるコミュニティとしても機能している。

【目的】

WORK lounge AOYAMA 新たな会員獲得

広告・SNSから流入してきた顧客に、利用申し込みや見学予約に繋げたい

獲得を目的にしつつ、ブランドの世界観や信頼感を守りたい

営業感を出すよりも世界観とのバランスを重視したい

【ターゲット】

都内で働くキャリア志向が強い方 外交的で自己成長に積極的なビジネスパーソンを想定している

利用者の層のボリュームゾーン→30代女性/会社員・副業・フリーランス等幅広い

経済的に余裕がある 自己投資によって更なるメリットを得ようとする方

【ペルソナ 】

基本プロフィール→川上 望美 (32)/東京都目黒区在住/既婚、夫と2人暮らし

IT系メガベンチャー勤務。8年目。広報部部長

ライフスタイル価値観→平日の過ごし方は、フルタイム勤務、夜は会食や副業

休日の過ごし方は、本屋や展示会めぐり、スキルアップのための勉強、夫や友人と過ごす

趣味/関心ごとは、キャリアアップ、インテリア、デザイン、人との会話

大切にしてることは、成長、自由、選択肢、上質な環境

背景・課題→フルリモート型から週の半分は出社になりつつある

フルリモートワークから出社という形に変更になったことで、自宅から出ることに

新しい意味を見出して新しい働き方を再構築したい

出社になり家から出るのであれば、出先で偶然の出会いやひらめきを得たい

同じ志向性を持ったプロフェッショナルの方と繋がりたい

家とは違った空間でおしゃれで心地よく仕事や勉強がしたい

仕事を終え帰宅後の通勤ラッシュをずらし、ラッシュが落ち着くまで過ごせる場所が

欲しい

忙しい日々の中でも、自分を高める余白が欲しい

ペルソナに届けいたい価値→月に数回様々なイベントを実施しており、毎回盛り上がっている(朝活・夜活・勉強会、テーマ型交流イベントなど)

顧客からの声に耳を傾け、イベントを実施する

同じ思考を持つ者同士が繋がれる場として感じられている(WORK lounge AOYAMAの特徴)

家でもオフィスでもない居心地の良い第三の場所

【提供素材】

ロゴ

色を変更するのはOK

装飾を加えたりすることはNG


3. 情報設計

・ヘッダーに日本語を追加

ヘッダーに日本語を追加することで、一目で理解できるようにした。

・ファーストビューで雰囲気を伝える
実際に利用するイメージを想像しやすくするため、ファーストビューに複数枚の写真を使用した。

・企業の強みを追加

WORK lounge AOYAMAの強みである、イベントの豊富さを表現した。

・3セクションごとにCTAボタンを配置

3セクションごとにCTAボタンを配置することで、いつでも申し込みに促すことができる。CTAボタンも簡単に申し込めるように数字で表現した。


・アプリ紹介

アプリを登録すると便利だということと、WORK lounge AOYAMAに来てもらうために、アプリのダウンロードを促す。


・視覚的にわかるようにした

内容に合わせたアイコンを使用し、わかりやすくした。


4.ビジュアルデザイン

・配色

【ベースカラー】

清潔感と広がり
真っ白よりも少し温かみのある色で「自宅のようなリラックス感」を演出

【メインカラー】

「癒し」を象徴
植物や自然を連想させ、仕事中のストレスを軽減し、集中力を高める効果を狙う
 広報部長という責任ある立場にいる望美さんが、「仕事に向かう前の余白」や
「リフレッシュ」を感じられるよう、緑をメインに使用

【アクセントカラー】

エネルギッシュでありつつ、上質感のあるオレンジで、交流や新しいアイデアの
着想を促す
「刺激」を象徴するオレンジは、補色関係に近い緑と組み合わせることで目立つ

【テキストカラー】

文字を真っ黒にしないことで、デザイン全体の質感を高める

・フォント

Noto Sans JP: どんなデバイスでも読みやすく、誠実でクリーンな印象を与えるため。

Montserrat: 幾何学的な造形が美しく、空間のモダンさや洗練されたイメージを強調するため。


5. 課題を通して学んだこと

  • figmaの基本操作を理解することができた。

  • 目的を達成するために根拠を持つこと。

  • デザインに迷ったときは目的やペルソナを再確認すること。

  • ページ全体で配色や装飾に統一感を持たせながらも単調にならない工夫をする。