Overview

架空のカフェをテーマにした静的サイトです。 シンプルで読みやすい構成を目指して制作しました。

Tech Stack

• HTML / CSS
• JavaScript
• Photoshop（画像調整）
• 生成AI（画像の生成）

Features

• メニュー一覧ページ
• コーヒー紹介ページ
• イベント・ニュース・お知らせの情報掲載
• JavaScript による軽いアニメーション（UIの動き）

Key Points

カフェの柔らかい雰囲気に合わせて、 淡い色味と写真を多く使った視覚的に分かりやすい構成を意識しました。 また、JavaScript による動きを加えることで、 静的サイトでも 軽いインタラクションを感じられる UI を実現しています。