UIUX Learning
Citypunks landing page above the fold — nav, ronin character, CITY PUNKS headline and dual CTAs
Work · Featured

Following a tutorial to try Claude Design + Midjourney: a cyberpunk game landing page

Following a YouTube tutorial to learn the Claude Design + Midjourney website workflow, building a landing page for a fictional game called Citypunks. Process and takeaways.

Jirai-kei landing chapter 1 — a sweet dark-pink styled character still with the title “What is jirai-kei?” overlaid
Work

Scrubbing an AI-generated video with scroll: one timeline, six chapters

WAX & SOUL vinyl-shop landing hero — a vinyl record spinning centre-screen above the store name and tagline
Work

Building a 3D vinyl-shop landing that scrolls as one continuous animation

Comparison mockups of three empty state types
Note

The Four Kinds of Empty State

All Topics

case-study landing-page scroll-animation video 3d ai-tool game empty-state ui-pattern