お問い合わせ

©2024 AI MORITA PORTFOLIO ALL RIGHTS RESERVED

Cafe Azito
Website Renewal

  1. Home
  2. 作品集
  3. カフェアジト

デスクトップ画面

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

トップページのデザイン