【自主制作:コーポレートサイト】

OVERVIEW

架空カフェのデザインカンプ作成・HTML、CSSを使用した実装(レスポンシブ対応あり)

YEAR 2025

◼️ デザインカンプ

◼️ ペルソナ設定

・30代以降の男女

・ホテルのラウンジに近い価格帯、落ち着きや非日常感を味わいたい人がターゲット

・食事、コーヒーの味や種類よりも、お店の空間や雰囲気を優先したい人

・一人でもゆったりできる、周りの目を気にせずくつろげる空間


◼️ 工夫したところ

高級感、非日常感を意識するため、通常のカフェにあるような ”映え” は抑え、

全体的に落ち着いた印象を持たせるためトーンを下げ、贅沢で落ち着いた空間を

彷彿とさせるデザインにしたところ。

料理の内容やコーヒーの種類をあえて少なくし、お店の雰囲気が伝わるように

工夫しました。


◼️ 制作について

Figmaでデザインカンプ制作、HTML・CSS・Java Scriptで実装

制作期間 2025.4.1~ 2025. 4. 10 (制作時間 18時間)