Yurui Shu
instagram.com/intheruiniverse/
sleepykani@gmail.com
Yurui Shu, TagTail: A Smart Checklist Empowered by Emotional UI Design
I designed TagTail to directly tackle a very common modern pain point, "checking anxiety", which means a sudden panic where you feel like you forgot something before leaving the house. It's a phygital ecosystem where your real-world bag effortlessly syncs with your phone. This layout maps out the main user journey: you start with a warm welcome from our mascot Taggy, move to a real-time tracking dashboard that automatically cross-checks your school schedule, and finish with a reassuring "You are good to go!" notification on your lock screen. I used a soothing, low-saturation pastel green palette to keep the entire experience stress-free and therapeutic.
Yurui Shu, TagTail: A Smart: Checklist Empowered by Emotional UI Design
Here is a comprehensive look at the backend logic and interface consistency powering TagTail. To show that a highly rigorous framework can back an emotional, cute application, I’ve laid out a wide array of functional screens here. You can see our digital sticker books for organising personal belongings, calendar timelines, and custom system settings. By maintaining a strict layout grid, the design demonstrates how we can balance heavy information architecture with pure emotional value. I scattered different illustrations of Taggy throughout the system to create a visual rhythm, proving that strict UI component standards can coexist with playful storytelling.
Yurui Shu, Game Design: Sushi Shop Great Escape
This screen recording captures the live gameplay and interactive feedback of Sushi Shop Great Escape, a web-based arcade platformer I built entirely inside Figma. The project explores visual storytelling, following a brave little crab on a whimsical adventure. Visually, I wanted to capture the iconic, rounded aesthetic of Nintendo's Kirby series and translate that comforting, cosy feeling into a pixel-art world. In this clip, you can check out the responsive control physics as the crab navigates the terrain and deploys its bubble mechanism.
View the full video at www.youtube.com/watch?v=8QVB5jhZfvs
Yurui Shu, MOHA Special Exhibition App
For this virtual museum app called "MOHA", the challenge was to build an interface system wrapped around a specific art theme, so I chose Surrealism. To truly embody the dreamlike, reality-bending philosophies of masters like Salvador Dalí and René Magritte, I designed a specialised "Light and Dark mode" interactive switch. On the left, Light Mode utilises a crisp white layout with sharp black silhouettes and open-eye iconography to represent conscious observation. On the right, Dark Mode flips the entire visual syntax into a deep, immersive night where the eyes close, shapes invert to white, and stars appear. It's an interactive metaphor for stepping from reality into the subconscious.
Yurui Shu, MOHA Special Exhibition App
This part of the MOHA app bridges the virtual exhibition with a functional e-commerce system. Floating in the centre is our long-scrolling artist showcase for artists, where users can read curated historical biographies mixed with surrealist graphics. Surrounding it are the specific screens guiding the shopping experience: the main store merchandise catalogue, a detailed product view for limited-edition apparel, and the shopping bag. The core feature here is the checkout system, where users can choose to buy items for themselves or switch to a "For Friend" option. This gifting module lets people send merchandise directly to others alongside a personalised message block.