I Made a Website That Feels Like a Game
1.7万 次观看 · 2026-06-23
UI 设计
Try Lovart - https://www.lovart.ai/?sourceId=902487
I wanted to see if I could create a website that felt less like a landing page and more like a fantasy adventure.
Instead of designing individual sections, I focused on building a complete world—moving from castles and hidden caves to mysterious lagoons, with every scene connected through animations, storytelling, and scroll-based interactions.
In this video, I'll show you the entire process of creating a cinematic fantasy website using Lovart and Claude Code.
What you'll learn:
– Creating a consistent fantasy art direction
– Generating environments that feel part of the same world
– Using Lovart to develop visuals and concepts
– Adding scroll-based animations and transitions
– Creating an immersive storytelling experience
Tools used:
– Lovart
– Claude Code
If you enjoy UI/UX, web design, interactive experiences, and creative design workflows, make sure to subscribe for more tutorials.
✨ Connect with me
Instagram → / thedesignely
X → https://x.com/designely
TikTok → / itsdesignely
#BuiltWithLovart #AiDesign #aibranding @lovart_ai
I wanted to see if I could create a website that felt less like a landing page and more like a fantasy adventure.
Instead of designing individual sections, I focused on building a complete world—moving from castles and hidden caves to mysterious lagoons, with every scene connected through animations, storytelling, and scroll-based interactions.
In this video, I'll show you the entire process of creating a cinematic fantasy website using Lovart and Claude Code.
What you'll learn:
– Creating a consistent fantasy art direction
– Generating environments that feel part of the same world
– Using Lovart to develop visuals and concepts
– Adding scroll-based animations and transitions
– Creating an immersive storytelling experience
Tools used:
– Lovart
– Claude Code
If you enjoy UI/UX, web design, interactive experiences, and creative design workflows, make sure to subscribe for more tutorials.
✨ Connect with me
Instagram → / thedesignely
X → https://x.com/designely
TikTok → / itsdesignely
#BuiltWithLovart #AiDesign #aibranding @lovart_ai