cafe cat's whiskers
OVERVIEW
架空の紅茶専門カフェのWebサイト。 店舗の周知と来店促進を目的にデザインおよびコーディングを行いました。ターゲットは30代・40代の独身女性で、日常の中で特別なリフレッシュの時間を求める層に向けて、シンプルで落ち着いたビジュアルを心がけました。
全体のデザインは、紅茶の繊細な香りや上質な空間を感じさせるように、落ち着いた色調を意識し、視覚的に上品な印象を与えるよう工夫しています。ゴシック系のフォントを使って洗練された雰囲気を強調すると共に視認性を高めました。
ツールはFigmaを用いてプロトタイプを作成し、全体の構造やユーザビリティを確認、レスポンシブデザインにも対応しています。
コーディングにはHTMLとCSS、jQueryを使用しました。
カフェの紹介文作成にはCatGPTを使用しています。
カラーパレット
デザインカンプ
