作品を見る

【使用ツール】

HTML / CSS / JavaScript / Codex / ChatGPT

【作品概要】

水晶をテーマにした占いWebアプリです。
カーテンが開く演出から占いが始まり、水晶を操作すると今日の運勢を楽しめる構成にしました。
占い結果だけでなく、画面全体の世界観や演出も楽しめるように制作しています。

【工夫した点】

・ピンクや紫を基調に、星や光の演出を加えて幻想的な雰囲気にしました。

・最初にカーテンを開く演出を入れ、占いを始めるまでの期待感を高めました。

・水晶やボタンに光やアニメーションを加え、操作する場所が分かりやすいようにしました。

・文字の大きさや配置を調整し、世界観を保ちながら見やすいデザインを意識しました。

・HTML、CSS、JavaScriptを分けて構成し、あとから修正しやすいようにしました。

【制作時間】

12ｈ