Category:
Web & Mobile Product Design
Client:
Dynflux
Duration:
8 weeks
My Role
UX & UI Designer
Scope
Mobile & Web UI Design, Dark/Light Mode, Developer Handoff (Tailwind CSS)
Overview
UberLotto is an online lottery platform designed to provide a smooth, visually engaging experience for users purchasing tickets and exploring draws. I co-designed both the mobile and desktop versions with another UX designer, focusing on creating a sleek, responsive interface that feels secure, modern, and exciting. We also implemented dark and light mode variants and collaborated directly with developers to ensure pixel-perfect delivery in Tailwind CSS.
(WHERE I STARTED)
Problem
Traditional online lottery platforms often feel outdated and unintuitive. The challenge was to design an engaging and trustworthy interface for a product that involves financial transactions and strict regulatory constraints—while also evoking fun and anticipation.
(MY DESIGN PROCESS)
Process & Approach
I began by reviewing competitor platforms to identify common UX pitfalls in lottery and gambling experiences (e.g., cluttered UIs, unclear draw information, untrustworthy visuals).
Together with my design partner, we mapped the core user flows:
Viewing live draws
Purchasing tickets
Managing account balance
Reviewing past results
We created low-to-high fidelity wireframes, designed a full component system in Figma, and presented weekly design updates to stakeholders.
Our UI system included dynamic elements such as countdown timers, CTA animations, and real-time results—all crafted to enhance the sense of anticipation. We also built out color and type scales for both dark and light modes to improve accessibility and mood control.
(MY DESIGN IMPACT)
Key Contributions
Designed mobile-first and responsive desktop experiences in Figma for a seamless cross-device journey
Built UI component libraries with dark/light mode support, applying accessible color contrast standards
Collaborated with developers to implement designs in Tailwind CSS, ensuring efficient handoff and consistency
Created UI patterns for secure payment, user onboarding, and live draw interactions
Contributed to the brand’s visual identity, balancing trust, fun, and simplicity
(DELIVERING VALUE)
Outcome
The designs enabled a faster-than-expected developer sprint and were praised for their visual clarity and mobile responsiveness. Early testers found the dark mode intuitive and immersive. The platform’s visual system helped establish brand credibility, laying the groundwork for future marketing and growth strategies.
(LEARNING IN ACTION)
What This Project Taught Me
Learned how to design for trust and engagement simultaneously, a balance critical in financial experiences
Improved my ability to design consistent systems across dark and light modes
Developed stronger skills in collaborating with developers, especially with Tailwind CSS and responsive UI thinking
Gained confidence in visual storytelling — using layout, animation, and typography to guide emotional tone
Strengthened my ability to work with another designer as a collaborative, co-creative partner
(HOW I GREW)
UberLotto showed me how much design can influence how users feel about risk, reward, and trust. I grew as a system thinker and visual communicator—learning to create not just functional flows, but a mood and brand presence. It pushed me to own both the aesthetic and structural sides of a product, skills I’m excited to bring to inclusive, community-driven platforms like Pinterest.
