会員専用コワーキングスペースサイト

① 制作要件

② 提示されたペルソナ

③ PCワイヤーフレーム改善・SP版制作

クライアントから用意されたPCのワイヤフレームのブラッシュアップを行い、SP版のワイヤーフレームの制作を行いました。

④ デザインカンプ

⑤トンマナ設定

トンマナはペルソナ像に合わせて設定してほしいとの要望。ターゲットは20〜30代のキャリアアップを目指す女性だった為、可愛すぎない大人のキャリアウーマンをイメージしました。また、キャリアアップを目指す中で交流することにも重視していたので、コワーキングスペースに併設されているカフェでくつろぎ・交流しながら、洗練された空間でキャリアアップをしていくことを連想して下記のような配色やフォントを設定しました。

＜配色＞

・ベージュ：繋がり、カフェ、落ち着き

・ゴールド：キャリアアップ、輝き

＜フォント＞

・スクリプト体：カフェ、親しみ

・セリフ体：大人、女性らしさ、洗練

⑥その他工夫したポイント

・キャリアアップといった仕事の中にも、繋がりをメインにしているようなワークラウンジ施設であったため、開放感があり爽やかな交流が出来るようなメイン画像を選択しました。また、向上心のような輝きを表すような背景画像やカフェのような柔らかなあしらいを取り入れました。

・アプリダウンロードのセクションでは、ダウンロードボタンではなく、一目でダウンロードできると認識できるように、App Store・Googleそれぞれのバッジへ変更しました。また、ダウンロード後にどのようなことができるかも文言で追加しています。

⑦ 制作を通して学んだこと

・PCワイヤーフレームの改善、SPワイヤーフレーム作成では、クライアントから提示されたワイヤーフレームをそのまま使用するのではなく、どのようにしたら目的を達成するかを考えてブラッシュアップし提案することが大事だと学びました。

・デザインカンプの作成では、ただデザインするだけではなく、実装に備えて一定のルールに沿って余白を設定する必要があることも学びました。