カフェサイトデザイン（Webサイト自主制作 / Studio実装）

■目次

① 企画概要
② 制作物
③ 情報設計 / デザインのポイント

① 企画概要

カフェサイトを想定し、ブランドイメージの構築から設計。

ターゲットは、

• 落ち着いた空間を好むユーザー
• 一人時間や読書などを楽しむ層

「静かな時間を提供する場所」というコンセプトを軸に、
視覚・文章・導線すべてで世界観を統一した。

② 制作物

• Webサイトデザイン（PC / SP）
• UI設計（ナビゲーション・導線）
• コンセプト設計 / コピーライティング
• Studioによるノーコード実装

③ 情報設計 / デザインのポイント

■ コンセプト設計

• 「静かな1ページを、あなたに」というコピーを軸に設計
• 世界観が一貫して伝わるよう、ビジュアル・テキストを統一

■ ビジュアルデザイン

• ベージュ×ネイビーで落ち着きと上質感を表現
• 写真を活かし、余白を広く取ることで“静けさ”を演出

■ UI / UX設計

• シンプルなナビゲーションで直感的な操作性を実現
• スマートフォンでもストレスなく閲覧できるレスポンシブ設計

■ ストーリー導線

• ファーストビュー → コンセプト → メニュー → 店舗情報
  の流れで、自然に理解・興味喚起できる構成

■ 実装（ノーコード）

• Studioを使用し、デザインの再現性を担保
• アニメーションやレイアウトも含め一貫して設計