案件名
ノスタルジヰ堂（架空カフェ公式サイト）
企画・構成設計・デザイン・コーディング（HTML / CSS）を、すべて一人で担当しています。
| 使用ツール | Photoshop/illustrator/VSコード/Figma |
| 制作時間 | 約60時間 |
| カンプ | Figmaにて作成、詳しくはこちら |
| レスポンシブ | 未対応 |
サイトはこちら：https://portfolio1207ks.shop/Nostalgi-dou
コンセプト
読書×喫茶
外での読書を好む層に「あなただけの読書時間を楽しめる静かな空間」を提供することを意図。
| ターゲット | 世界観や雰囲気を大切にする感性豊かな20～30代男女 外での読書や作業を好む層 静かな空間で心を落ち着かせたい人 |
| メインカラー | 青磁色(#80AA9F) |
| サブカラー | 赤褐色(#927E63) |
| 背景 | アイボリー(#F5F0E6) |
| ページ全体の構成 | 物語性を意識し、訪問者がページを通して世界観を体験できるよう設計 |
デザイン意図
全体のデザインは、制作初期から細部を厳密に決めるのではなく、
仮配置を繰り返しながら全体のバランス調整や、あしらいの量の整理を行い
世界観を尊重しつつ空気感を崩さないよう設計しました。
その結果、静かさを演出するため動きは最小限に抑え、要素同士の距離感や余白によって、
隠れ家や図書館のような落ち着いた空気感が伝わる構成を目指しています。
