Skip to content
rhemarkable
  • Home
  • Work
  • About
  1. Work
  2. /
  3. Idaho Lottery Mobile App

Idaho Lottery Mobile App

Modernizing a live lottery application while establishing a scalable design foundation

Timeline
1–2 Weeks
Role
Sole UI/UX Designer
Tools
Adobe XD, Figma
Project Type
Design Revamp & Migration
Idaho Lottery mobile app — login, home, and account screens

Project Summary

The Idaho Lottery mobile app had been evolving for years before I joined the project. As new features were added over time, the design files became harder to maintain and scale. The product was still managed in Adobe XD, and there wasn't a strong system for reusable components, shared styles, or consistent design patterns. As the sole UI/UX designer, I saw an opportunity to do more than just update screens. I led the migration from Adobe XD to Figma, introduced better design organization, and modernized parts of the experience while preserving the familiarity existing users relied on. Rather than treating this as a full redesign, I focused on making thoughtful improvements that balanced user expectations, development constraints, and long-term maintainability.

Migrating the source of truth from Adobe XD to Figma

The Problem

When I first reviewed the project, it was clear that the product had accumulated a fair amount of design debt over the years. The design files lacked structure, repeated elements existed across multiple screens, and there was no reliable system for maintaining consistency as the product grew. Every new update required additional effort because there wasn't a strong foundation supporting the work. At the same time, the application was already live and actively used. Making dramatic changes wasn't an option. Any updates needed to respect existing user habits, fit within development timelines, and remain practical to implement. The challenge wasn't to redesign the app from scratch. It was to modernize and improve the experience while preserving the familiarity users already trusted.

Design debt across the existing Adobe XD files and screens

Constraints

  • Existing User Expectations

    Users were already familiar with established navigation patterns and workflows. Any changes needed to feel intuitive without requiring users to relearn the application.

  • Development Effort

    Design decisions needed to account for engineering resources, implementation timelines, and technical feasibility.

  • Limited Timeline

    With a short project timeline, it was important to prioritize improvements that delivered the highest impact while remaining achievable.

Migration Strategy

The migration from Adobe XD to Figma became an opportunity to improve the design foundation of the product. Rather than recreating existing files exactly as they were, I used the process to introduce better structure and consistency. However, a full design system from scratch wasn't realistic in the timeline, so I focused on the foundation that would pay off fastest:

  • Defined color styles

  • Defined typography styles

  • Converted repeated patterns into reusable components

  • Reorganized files into a clear, navigable structure

  • Built a foundation that could be maintained and extended

Color styles and reusable components in the new Figma library

Process & Approach

A deliberate design decision: why I didn't redesign everything. A complete redesign may have created a more visually dramatic outcome, but it would also have increased development effort, project risk, and user adaptation requirements. Instead, I chose a more strategic approach. I focused on improving areas that would create meaningful value while preserving the patterns users were already familiar with. This allowed the product to evolve without introducing unnecessary friction for users or developers.

Before and after of the home screen's bottom navigation
A subtle but impactful update. By elevating the bottom navigation and introducing a floating treatment, I added personality and visual polish without changing how users navigated the app.

Design Improvements

After reviewing the application's user flows, navigation patterns, and interface components, I identified opportunities to modernize the experience without dramatically changing how users interacted with the product.

  • Refined user flows to remove friction from common paths

  • Improved visual hierarchy and readability

  • Modernized interface elements and styling

  • Updated existing widgets and components

  • Designed and integrated new features

  • Kept the brand and core patterns intact, so the app still felt like itself

Challenges & Tradeoffs

Balancing modernization and familiarity. One of the most challenging aspects of the project was deciding how much change was appropriate. Introducing modern design patterns could improve usability, but excessive changes risked creating friction for long-time users. I approached this by focusing on incremental improvements that enhanced the experience without requiring users to relearn established workflows.

Designing within development constraints. Because the product was already live, every design decision needed to consider implementation complexity. In some cases, I intentionally prioritized solutions that delivered meaningful improvements while remaining practical for development teams to implement within existing constraints.

Before and after of the login, home, and account screens

My Contributions

As the sole UI/UX designer on the project, I:

  • Led the migration from Adobe XD to Figma

  • Advocated for and introduced Figma workflows within the organization

  • Improved design file organization and maintainability

  • Introduced reusable components and design standards

  • Modernized the application's interface

  • Enhanced existing user flows

  • Designed new features and product enhancements

  • Collaborated closely with developers to ensure implementation feasibility

  • Established a stronger design foundation for future product growth

Outcomes

While business metrics cannot be disclosed, the project delivered meaningful improvements for both the product and the team. The successful migration from Adobe XD to Figma established a more scalable and maintainable design workflow, making it easier to manage updates and ensure consistency across the application. Through the introduction of reusable components, shared styles, and improved file organization, the product gained a stronger design foundation that can better support future enhancements. Alongside these structural improvements, key areas of the user experience were modernized to improve visual consistency, usability, and overall polish while maintaining familiarity for existing users.

Beyond the product itself, the project also contributed to broader team improvements. By advocating for and leading the adoption of Figma, I helped introduce more efficient design workflows and collaboration practices within the organization. The improved design structure and component-based approach created clearer alignment between design and development, reducing future maintenance effort and making it easier for teams to build, update, and scale the product over time.

Reflection & Learnings

The biggest takeaway: not every redesign should be dramatic. The strongest improvements here were the ones users would barely register. The app just felt a little more intuitive and a little more considered, without anyone having to relearn it. Some of the most valuable design work happens behind the scenes—creating systems, reducing complexity, and improving products in ways that feel natural to users. By balancing modernization, scalability, and implementation constraints, I was able to help evolve the product while preserving the experience users already trusted.

Conclusion

The Idaho Lottery Mobile App revamp was ultimately about evolution rather than reinvention. By leading the migration to Figma, improving design structure, modernizing key experiences, and working within real-world constraints, I helped create a stronger foundation for the product's continued growth. The project demonstrates my approach to product design: balancing user needs, business goals, technical realities, and long-term scalability to create solutions that are both practical and impactful.

Ongoing Involvement

My involvement with the product extends beyond the migration project. Today, I am responsible for designing new features and seasonal event experiences, helping shape how the application continues to grow while ensuring each addition feels cohesive, intuitive, and aligned with the overall user experience.

Event Promotion Widget
Event Promotion Widget. I designed this event widget to support a promotional campaign within the app.
Playslip
Playslip: New Application Feature

Get in Touch

  • rhemamiranda.work@gmail.com
  • LinkedIn
rhemarkable

Welcome!

This portfolio is currently available by invitation only. Please use the access link found on my cv to view my portfolio.