【実践課題】LP制作（デザイン）

制作期間：約2週間
制作範囲：情報設計・ワイヤーフレーム・デザインカンプ

成果物

課題概要

情報設計

■目的の分解

WORK lounge Aoyamaというコワーキングスペースを認知してもらうことが目的のため、以下のように要素を配置しました。

①施設の様子が分かるFACILITYを上に配置

②強みであるイベントをアピール

イベントの開催で多くの会員同士が交流すると考えられる。人脈を広げたいと思っている人がターゲットでもあるため、ペルソナに刺さるポイントを上部に配置した。

③アプリダウンロードを促す

●アプリのダウンロードも目的の1つの目的のためアプリダウンロードの要素を用意。

●アプリをダウンロードをするメリットを伝えることでダウンロード率が上がると思いSYSTEMの下に配置。

ビジュアルデザイン

■デザインコンセプト

#凛とした　#知的　#落ち着いた　#シンプル　#明るい

■表現方法

●凛とした・知的

上昇志向の強い、凛とした知的な女性をメインカラーのネイビーで表現

●落ち着いた・シンプル

使用する色数を少なくし、余白を多く取ることで落ち着いた環境で学べることを表現

●明るい

ベースカラーの白、白と水色のグラデーションを使用することで前向きに頑張っている女性達に希望の光がさしていることを表現

■フォント

本文フォントはデバイス搭載の「游ゴシック体」に。アクセントに女性らしく品のある「FOT-筑紫Aオールド明朝 Pr6N」を使用しました。

■装飾

白から水色のグラデーションで透明感、清潔感を出しました。

■工夫したこと

ペルソナの気持ちを想像し、あえて女性らしさは控えめな色合いでLPを作成しました。

一方でフォントや写真で女性が使いやすいと感じる洗練され落ち着いた空間をイメージできるように作成しました。

制作を通して学んだこと

・WORK lounge Aoyamaの強みは何か、ターゲットはこのコワーキングスペースに何を求めているのかを考えながら要素を配置することが大事だと学びました。

・最新のイベント情報など更新頻度が高いものはLPの上部に配置することでしっかりと運用されているサイトだと、ユーザーに安心感を与えるのだと感じました。

・視線の動きが多くならないように要素の配置を揃えることが大事だと学びました。

・ボタンや矢印、フローのデザインなど多くのWebページを観察しとても勉強になりました。