Information 基本情報
職業訓練校のデザインカンプ課題として制作しました。
美しい景観が魅力的なカフェのサイト改修(仮想案件)を通して、
海沿いの景色やカフェのエクステリアをデザインでユーザーにアピールすることを目標にしました。
- 表示サイズ
- PC(フルサイズ 1920px)
- クライアント
- カフェアジトのオーナー会社『EDEN the garden』(仮想案件)
- 作業内容
- コンセプト設計 / デザイン / コーディング
- 制作時期
- 2024年3月
- 制作期間
- 22時間(設計6時間/デザイン16時間/コーディング12時間)
- 使用ツール
- Figma/VSCode
Concept コンセプト
サイトコンセプト
『非日常的な時間と空間を味わえる大人の贅沢カフェ』
ユーザーに届けたいストーリー
カフェアジトは忙しい日々に追われる20代前半~30代の女性をメインターゲットに、
お客様がゆったりとした寛ぎの時間を過ごし、まるで海外にいるかのような非日常空間で、
身も心もリフレッシュすることができるコンセプトカフェです。
SNSへの写真投稿をはじめ、雑誌などの本格的な写真撮影、
ウエディングフォト撮影にもぴったりな美しい景観とエクステリアは、カフェの大きな魅力の一つ。
オーナー会社様が施工した美しいエクステリアと真っ青な空と海を眺めながら贅沢な時間が過ごせる、
そんなカフェの魅力をWebサイトを通して伝えたいと考えました。
Design デザイン
デザインコンセプト
カフェアジトは、エクステリア施工会社であるオーナー会社様が手がけた
白のエクステリアと青い空と海とのコントラストが大きな魅力の一つです。
そのため、文字で説明するというよりは、
写真やレイアウトを通して視覚的に美しさを伝えるデザインにしました。
ゆったりとした贅沢な時間と空間を演出するため、
余白をたっぷり取りつつも間延びしないように気をつけました。
フォント
大人の贅沢時間というコンセプトに合うように、
見出しと本文共にすっきりと品良く見えるセリフ体を選びました。
見出し用の英語フォントにはCormorant Garamond、
本文には可読性の高いNoto Serif JPを使用。
海外リゾートにいるかのような高級感やリラックスした雰囲気に合わせつつ、
文字の読みやすさにも配慮しました。
- Serif:
- Cormorant Garamond
- Serif JP:
- Noto Serif JP
配色
背景色やフォントの色をシンプルなモノトーンにして写真を引き立たせました。
特にベースカラーである白の余白をたっぷりとることで、
リゾート風のゆったりとしたカフェ空間を表現しました。
- ベース
- #FFFFFF
- メイン
- #0C429A
- アクセント
- #505096
- 本文テキスト
- #000000