制作情報
制作時期：2025.11
制作ツール：Figma
制作範囲：ワイヤーフレーム、ビジュアルデザイン
制作時間：10時間（設計6時間・デザイン4時間）
サイトの目的：新規会員の獲得
課題：新規顧客を増やしたい
工夫した点：
「新しい出会い・新しい私・新しい環境」に出会える場であることを伝えるため、安心して一歩踏み出せる情報設計と、花が咲くをモチーフにしたビジュアル表現を行いました。 初めての利用でもイメージしやすい構成と、期待感が広がるデザインを意識しています。
学んだこと：
• 情報設計力
目的から逆算し、ユーザーが迷わず理解・行動できるよう情報の優先順位と流れを整理する力
• 言語化能力
クライアントの想いや課題を汲み取り、デザインの意図として分かりやすく言葉に落とし込む力
• 観察力
ユーザーの行動や心理、細かな違和感に気づき、UIや構成の改善につなげる力
目次
1. 作成したデザインカンプ（PCのみ）
2. 制作過程
3. ムードボード
4. スタイルガイド
5. デザインの工夫（全体）
6. セクションごとの工夫
7. 講師からのフィードバック
1. 作成したデザインカンプ
2. 制作過程
3. ムードボード
4. スタイルガイド
5. デザインの工夫（全体）
訪れる人が「ここで過ごす自分」を自然に想像できるよう、世界観づくりと情報の伝わりやすさを大切にして設計しました。
ファーストビューでは、空間の魅力が直感的に伝わるビジュアルを中心に配置し、コンセプトや価値が無理なく理解できる流れを意識しています。
その後の構成では、共感（CONCEPT）→納得（REASON）→安心（SYSTEM）→比較（PLAN）→行動と段階的に理解が深まるよう、情報の順番を整理しました。
また、余白をしっかり取り、色数や装飾を抑えることで、落ち着きと信頼感のある印象になるよう調整しています。
写真とテキストのバランスにも配慮し、読み進めても疲れにくいデザインを心がけました。
全体を通して、「おしゃれだけどわかりにくい」ではなく、初めての人でも安心して利用を検討できるサイトになることを大切にしています。
6. セクションごとの工夫
7. 講師からのフィードバック
● メインビジュアル
アクセス（駅から徒歩5分）や現在の空室状況表示等、機能的なメインビジュアルになっています。
● REASONセクション
スペースの様子がリアルに確認できる360°パノラマビュー、いいですね！
利用検討中のユーザーに安心していただけそうな工夫です。
● EVENTセクション
ターゲット層に刺さりそうなイベントがたくさん紹介されています。
● SYSTEMセクション
SP時、「簡単3STEPで利用可能です」を縦表示にするアイデアが良いと思います
● FAQセクション
カテゴライズされた表示がわかりやすいです