コワーキングスペースのwebサイト(自主制作)

🌸制作したデザイン🌸

🌸対応範囲🌸

・情報設計

・デザイン制作

・WFのブラッシュアップ

🌸情報設計🌸

1.サイトの目的

・新規顧客の獲得

2.ターゲット

・都内で働くキャリア趣向の強い人。30代くらいの自己投資により更なるメリットを求める人

3.その他の情報

・忙しい中でも自分を高める余裕が欲しい人向け

・落ち着いたデザインと程よい刺激を得られる

・女性も安心して使用できる

・空間としての居心地の良さや体験価値に力を入れている

🌸ペルソナ🌸

・都内在住で夫と2人暮らしの30代女性

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

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

🌸ペルソナに届けたいこと🌸

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

・安心で充実した作業空間

🌸工夫したところ🌸

①目立たせたい部分を大きく

・フッターの内容は常に表示されるようにし、ユーザーが見たいコンテンツに直ぐに飛べる仕様にした。また、CTAも常に表示させ、ユーザーがアクションしやすいようにしている。

②写真を加えることでイメージしやすく

・施設内の様子が伝わりやすいように写真を複数枚使用。

③料金設定を目立つように

・ユーザーが一番気になるのが料金設定かと思ったので、一番目立つように配置。そのほかもプラン同士で比較しやすい配置に。 

④内容を視覚的にわかりやすく

・利用方法が視覚的に伝わりやすいように、手順に合った写真を使用。また、矢印を用いて視覚的に手順が伝わるように工夫。 

⑤詳細は別ページに

・タイトルだけ記載し、詳細は別ページで見られるようにし、興味がある人だけ見られるようにする ⑥アコーディオンメニュー

・アコーディオンメニューを使用して質問と回答が多くなっても一定の高さになるようにする

🌸学習を通して学んだこと🌸

・ワイヤーフレームから作成する際に、どれだけヒアリング内容を理解しているかが大切であるかということ

・ムードボードの大切さ

・PCデザインからSPデザインにするときに、ただ縦に並べるだけではなく、横スクロールを使う方法もあるということ

・CCライブラリの使用で作業効率があがること