カフェWebサイト

Design｜Coding

内容

WEBサイト・ロゴ・キャッチコピー・バナー・メニュー表・告知チラシ・ショップカード制作｜自主制作

制作期間

8日間（デザインカンプ・コーディング6日/ロゴ・バナー1日/メニュー表・告知チラシ・ショップカード1日）

使用ツール

Figma/Photoshop/Illustrator/DreamWeaver

WebサイトURL

『Cafe CozyCozy』

“https://shira-to.jp/works/cozy.html”

概要

職業訓練のデザインカンプ課題で作成したカフェサイトを元に1からペルソナを立てなおしコーディングを行った。
また、横展開をしてロゴ・キャッチコピー・バナー・メニュー表・ショップカード制作をした。

制作目的

社会人女性をメインターゲットに、友人との食事にも、一人でゆっくり過ごす時間にも寄り添えるカフェを想定して制作。
PC作業や勉強をしたい人も気兼ねなく滞在できるように2hour planを設け、居心地の良さが伝わる構成を意識した。

制作物

ロゴ

【二羽の小鳥が止まり木の上で会話を楽しむロゴデザイン】

Webサイト

【シンプルな導線と独自のプラン展開で静かに過ごせる空気感を演出】

バナー

【季節感と統一感を両立したワークショップバナー】

毎月開催されるワークショップを想定し、レイアウトや配色、フォントを統一することで季節ごとに内容が変わってもシリーズとして認識できるよう設計。

日付を左側に配置し視認性を高めながら、サイトやロゴと共通するカラーを用い共通する柔らかな世界観を表現した。

メニュー表

【店舗の世界観をそのまま落とし込んだメニュー表】

WebサイトのMENUページをベースに、店頭や卓上で使うことを想定したグランドメニュー表を制作した。
やわらかな配色と余白を活かし、Cafe CozyCozyらしい落ち着いた雰囲気が伝わるよう設計。
情報を引き算をして整理しながら、食事・デザート・ドリンクが見やすくなるよう構成している。

告知チラシ

【季節感とブランドらしさをまとめたフェア告知チラシ】

季節限定メニューに合わせ、いちごフェアの告知チラシを制作。
ブランドカラーを活かしながら、やわらかく親しみやすい世界観でまとめた。