Hi everyone! This is my very first Rive project.
Meet Star Dance Battle—a dreamy broadcast UI where competition meets a sky full of dancing stars. ☁️⭐
I created Star Dance Battle, a live broadcast UI concept for the @Rive × @Contra HQ Broadcast & Livestream Challenge. ✨
The experience is inspired by the energy of Red Bull Breakdance Bboy Battles and the excitement of live dance battles, but reimagined through a whimsical, dreamy world with a softer, more feminine aesthetic.
The stage takes place in a Cloud Kingdom, where every glowing star represents a happy memory or a small moment worth celebrating. As we go through life, we collect these little stars by recording the moments that make us smile. On difficult days, we can revisit this sky of memories and enter Dance Mode—immersing ourselves in music, movement, and the joyful reminders of what we've accomplished and experienced.
Built with Rive Scripting, Data Binding, ViewModels, nested animations, and state machines, the interface reacts dynamically to live match data—from score updates and voting progress to character animations and broadcast transitions—creating a playful and responsive live viewing experience.
My hope is that these interactions encourage people to celebrate both the big wins and the little moments that brighten everyday life.
I'd love to hear what you think! 💙✨
🎬 Rive: project link (https://editor.rive.app/file/stardancebattle/2470631?linkId=2P5w0j6kWEyNzH7eFJWi5Q)
25
46
2.6K
FreshKeep — The Fridge Remembers Everything. 🥬🥛
The concept: “What is it?” 🤔
Every week, I find myself throwing away food that I completely forgot existed. Vegetables hidden behind containers, milk that expired yesterday, or buying another bottle of soy sauce because I couldn't remember if I already had one.
🚀 Bringing the vision to life:
I designed a complete mobile experience covering the user journey—from food inventory management to AI-assisted product scanning, expiration tracking, fridge analysis, and visualization.
FreshKeep is a mobile app that acts as a digital companion for your refrigerator. It helps households keep track of everything inside the fridge, reminds them before food expires, and even suggests recipes using ingredients they already have.
🛠️ Built with Flowstep:
Flowstep helped turn the concept into a polished, multi-screen interactive prototype with connected navigation, reusable components, smooth transitions, and micro-interactions. To keep every generated screen consistent with the product vision, I created a comprehensive DESIGN.md (http://DESIGN.md) defining the design system, components, interaction patterns, and feature specifications before prompting.
🎨 Tools: Flowstep · DESIGN.md
(http://DESIGN.md)Check it out: https://app.flowstep.ai/file?activeFileId=c8b30be3-729d-4437-a604-49307c94dd6e
2
292
E-Learning Platform 💯
Empowering Teachers to Deliver More Engaging Digital Classrooms
This e-learning platform is designed to help teachers organize lesson materials, manage classroom content, and deliver interactive learning experiences in one centralized workspace. From preparing lesson files to conducting live classes, the platform simplifies everyday teaching workflows and keeps educational resources easily accessible.
A key feature of the platform is its interactive digital whiteboard, enabling teachers and students to collaborate in real time during lessons. Whether solving exercises, annotating content, or participating in classroom activities, the whiteboard transforms traditional lectures into engaging, hands-on learning experiences.
By combining content management with live collaboration tools, the platform helps educators spend less time managing resources and more time creating meaningful learning experiences for their students.
0
136
D'art Chocolate — Creating a More Delightful Chocolate Shopping Experience 🍫✨
The concept: reimagine the premium digital shopping experience for a local Vietnamese chocolate brand by turning product discovery into an enjoyable journey. The goal was to help customers easily discover the perfect chocolate product while showcasing the craftsmanship and story behind every handcrafted creation.
🚀 Bringing the vision to life: I redesigned D'art Chocolate's website to present its handcrafted chocolates more visually and intuitively. Instead of browsing through static collections, customers can explore products based on the moments they're celebrating or the flavors they love—creating a shopping journey that feels natural, inspiring, and enjoyable.
🛠️ Built with Squarespace + Finish Layer
Used Finish Layer capabilities to bring the chocolate experience to life. Created a dynamic product interaction where chocolates gently float and transition into the gift box
Block Animations — Added subtle motion and hover interactions to create a refined, engaging browsing experience without distracting from the products.
Mobile Experience — Instead of simply scaling down the desktop version, the mobile experience was carefully redesigned with optimized spacing, content flow, and interactions to create a seamless shopping journey across screen sizes.
Rather than simply displaying products, this website, through thoughtful layouts, intuitive navigation, and engaging interactions, guides visitors from discovery to purchase.
🎨 Tools: Squarespace · Finish Layer · Figma · Gemini
🔗 Live Demo: dart-chocolate.squarespace (https://dart-chocolate.squarespace.com/)
Password: 123
46
77
4.5K