01 / Original
元サイトを制作
サイトの企画、デザイン、HTML・CSSでの制作を行いました。
Website / Personal project
Cafe Site
以前制作したカフェサイトを、Claudeを活用してリデザイン。
Overview
自分で制作したサイトを、
世界観から見直しました。
以前制作したカフェサイトをもとに、Claudeを活用してリデザインした自主制作です。
日常の中でゆっくり過ごしたい人を想定し、メニューだけでなく、お店の空気感まで伝わるサイトを目指しました。
- 制作種別
- 自主制作・AI活用
- ターゲット
- 落ち着いたカフェで、ゆっくり過ごしたい20〜40代
- 元サイト
- 企画・デザイン・制作：riyu
- 担当範囲
- 元サイト制作、AIへの指示、リデザイン案の確認
- 使用ツール
- Figma / HTML / CSS / Claude
AI Workflow
元のコンセプトを大切に、
AIと一緒に表現をアップデート。
02 / Redesign
Claudeを活用
元サイトとカフェのコンセプトをもとに、リデザインの方向性を指示しました。
03 / Review
提案内容を確認
居心地のよさが伝わるか、メニューや店舗情報を見つけやすいかを確認しました。
#7C5237
#F3EDE4
#A47551
Design Point
ベージュとモカカラーで、
ほっと落ち着ける印象に。
やわらかなベージュをベースに、コーヒーを連想させるブラウンをアクセントとして使用。写真と余白を活かし、静かで居心地のよい雰囲気に整えています。
コンセプト、メニュー、アクセスへ自然に読み進められる構成にし、お店を訪れる前にも空気感を想像できるようにしました。