【自主制作】架空コワーキングスペース　LP制作（PC/スマートフォン）

｜制作概要｜
・制作期間　：　約3週間
・制作範囲　：　要件定義・情報設計・ワイヤーフレーム・デザインカンプ・レスポンシブ対応
・使用ソフト：　WF/デザインカンプ：Figma
　　　　　　　　その他編集：Photoshop / illustrator

｜目　　次｜
1．要件定義
2．デザインのコンセプト
3．情報設計
4．工夫したところ
5．制作を通して学んだこと

1．要件定義

■LP制作の目的
・SNSや検索エンジンからの流入に対し、認知率を上げる
・予約拡大
■ターゲット
・20-30代男女 ・新しい仕事場所を探しているリモートワーカー/フリーランス
・猫を飼いたいが飼えない人（猫が好き、興味がある）
・リフレッシュしながら仕事をしたい人、ストレス解消したい人
■流入経路
・SNS、検索エンジンより
■トンマナ
いかにもコワーキングスペース、という感じにはしない。
〇　心地よさ・癒し・やさしさ・気ままな・日常感・リフレッシュ
×　白黒・ピンク系・ラブリー・スタイリッシュ・派手・クール
■ペルソナ

ペルソナのゴール
　・リフレッシュをしながら仕事に取り組める場所がある
　・以前から興味のあった社会貢献ができる

2．デザインのコンセプト

ねこぼっこのコンセプト「人と猫が気ままに共存し、心地よい時間を。」
デザインテーマ「優しく、親しみやすく、ほっこりする」

■ムードボード
・デザインの方向性を決めるため、事前にムードボードを作成しました。

■ロゴ制作
・世界観を統一しブランドイメージを持たせるためにロゴを制作しました。

・自由に暮らす猫がいる⇒猫のシンボルマーク
・猫カフェと間違えられないために、”コワーキングスペース”の表示

3．情報設計

■3C分析
・3C分析で市場・顧客、競合、自社について把握することで、
　進むべき方向を明らかにしました。

⇒コワーキングスペースの需要が高まり、多様な働き方が増加している。
　ねこがいることをアピールし、自由な働き方を推奨する。

■コンテンツ内容
・コンセプト
・施設の紹介（マップ・写真）
・暮らす猫たちの紹介（写真）
・料金プラン
・CTA（call to action）
・アクセス（GoogleMap表示）
・お問い合わせ
・企業情報
・SNSリンク

■ワイヤーフレーム（各コンテンツの目的と顧客の心境を考える）

4．工夫したところ

・情報の整理
　分析や顧客心理の想像をすることで、デザインの方向性を明らかにしました。
・ユーザー目線で考える
　予約ボタンを適切な箇所配置かつ、追従させることで予約したいと思っていただいた時にすぐに移動することができるようにしました。また、必要な情報をファーストビューに表示させて、ユーザーにとってわかりやすいデザインにしました。
・近接を意識
　余白の幅を使い分け、しっかりとグルーピングを意識しました。視覚的に理解しやすいレイアウトになりました。

 5．制作を通して学んだこと

■目的に沿ったデザインを検討すること
　目的が違えばアプローチする内容も異なると思います。目的を明確にし、理解した上でクライアント様にヒアリングを行うことでより目的に合うデザインになると感じました。今回は全て自分自身で行いましたが、ペルソナ設定や3C分析、ユーザーストーリーを具体的に考えることで目的達成に近づくということを学びました。