[{"data":1,"prerenderedAt":237},["ShallowReactive",2],{"project-\u002Fprojects\u002Fidaho-lottery-mobile-app":3,"surround-\u002Fprojects\u002Fidaho-lottery-mobile-app":226},{"id":4,"title":5,"body":6,"caseStudy":23,"client":209,"cover":210,"description":211,"extension":212,"featured":213,"meta":214,"navigation":213,"order":195,"path":215,"publishedAt":216,"role":217,"seo":218,"stem":219,"tags":220,"url":216,"year":224,"__hash__":225},"projects\u002Fprojects\u002Fidaho-lottery-mobile-app.md","Idaho Lottery Mobile App",{"type":7,"value":8,"toc":18},"minimark",[9,14],[10,11,13],"h2",{"id":12},"overview","Overview",[15,16,17],"p",{},"A redesign of a live, in-market lottery application — modernizing the\nexperience for thousands of daily players while laying down a scalable design\nfoundation the team could keep building on.",{"title":19,"searchDepth":20,"depth":20,"links":21},"",2,[22],{"id":12,"depth":20,"text":13},{"meta":24,"hero":41,"sections":49},[25,29,33,37],{"icon":26,"label":27,"value":28},"rh:timeline","Timeline","1–2 Weeks",{"icon":30,"label":31,"value":32},"rh:role","Role","Sole UI\u002FUX Designer",{"icon":34,"label":35,"value":36},"rh:tools","Tools","Adobe XD, Figma",{"icon":38,"label":39,"value":40},"rh:project-type","Project Type","Design Revamp & Migration",{"frame":42,"items":43},"plain",[44],{"src":45,"alt":46,"width":47,"height":48},"\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fthumbnail.jpg","Idaho Lottery mobile app — login, home, and account screens",898,465,[50,61,72,86,109,121,139,151,176,181,185,189],{"title":51,"body":52,"figures":54},"Project Summary",[53],"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\u002FUX 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.",[55],{"frame":42,"items":56},[57],{"src":58,"alt":59,"width":47,"height":60},"\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fproject-summary.jpg","Migrating the source of truth from Adobe XD to Figma",261,{"title":62,"body":63,"figures":65},"The Problem",[64],"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.",[66],{"frame":42,"items":67},[68],{"src":69,"alt":70,"width":47,"height":71},"\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fthe-problem.jpg","Design debt across the existing Adobe XD files and screens",557,{"title":73,"list":74},"Constraints",{"icon":75,"items":76},"material-symbols:event-available-outline-rounded",[77,80,83],{"title":78,"text":79},"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.",{"title":81,"text":82},"Development Effort","Design decisions needed to account for engineering resources, implementation timelines, and technical feasibility.",{"title":84,"text":85},"Limited Timeline","With a short project timeline, it was important to prioritize improvements that delivered the highest impact while remaining achievable.",{"title":87,"body":88,"list":90,"figures":102},"Migration Strategy",[89],"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:",{"items":91},[92,94,96,98,100],{"text":93},"Defined color styles",{"text":95},"Defined typography styles",{"text":97},"Converted repeated patterns into reusable components",{"text":99},"Reorganized files into a clear, navigable structure",{"text":101},"Built a foundation that could be maintained and extended",[103],{"frame":42,"items":104},[105],{"src":106,"alt":107,"width":47,"height":108},"\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fmigration-strategy.jpg","Color styles and reusable components in the new Figma library",458,{"title":110,"body":111,"figures":113},"Process & Approach",[112],"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.",[114],{"frame":42,"caption":115,"items":116},"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.",[117],{"src":118,"alt":119,"width":47,"height":120},"\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fprocess-approach.jpg","Before and after of the home screen's bottom navigation",259,{"title":122,"body":123,"list":125},"Design Improvements",[124],"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.",{"items":126},[127,129,131,133,135,137],{"text":128},"Refined user flows to remove friction from common paths",{"text":130},"Improved visual hierarchy and readability",{"text":132},"Modernized interface elements and styling",{"text":134},"Updated existing widgets and components",{"text":136},"Designed and integrated new features",{"text":138},"Kept the brand and core patterns intact, so the app still felt like itself",{"title":140,"body":141,"figures":144},"Challenges & Tradeoffs",[142,143],"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.",[145],{"frame":42,"items":146},[147],{"src":148,"alt":149,"width":47,"height":150},"\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fchallenges-tradeoffs.jpg","Before and after of the login, home, and account screens",1002,{"title":152,"body":153,"list":155},"My Contributions",[154],"As the sole UI\u002FUX designer on the project, I:",{"icon":156,"items":157},"material-symbols:workspace-premium-outline-rounded",[158,160,162,164,166,168,170,172,174],{"text":159},"Led the migration from Adobe XD to Figma",{"text":161},"Advocated for and introduced Figma workflows within the organization",{"text":163},"Improved design file organization and maintainability",{"text":165},"Introduced reusable components and design standards",{"text":167},"Modernized the application's interface",{"text":169},"Enhanced existing user flows",{"text":171},"Designed new features and product enhancements",{"text":173},"Collaborated closely with developers to ensure implementation feasibility",{"text":175},"Established a stronger design foundation for future product growth",{"title":177,"body":178},"Outcomes",[179,180],"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.",{"title":182,"body":183},"Reflection & Learnings",[184],"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.",{"title":186,"body":187},"Conclusion",[188],"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.",{"title":190,"body":191,"figures":193},"Ongoing Involvement",[192],"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.",[194,202],{"frame":42,"columns":195,"caption":196,"items":197},1,"Event Promotion Widget. I designed this event widget to support a promotional campaign within the app.",[198],{"src":199,"alt":200,"width":47,"height":201},"\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fdrawing.jpg","Event Promotion Widget",172,{"frame":42,"columns":195,"caption":203,"items":204},"Playslip: New Application Feature",[205],{"src":206,"alt":207,"width":47,"height":208},"\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fplayslip.jpg","Playslip",416,"Idaho Lottery","\u002Fimages\u002Fprojects\u002Fidaho-lottery\u002Fproject1.mp4","Modernizing a live lottery application while establishing a scalable design foundation","md",true,{"thumbnail":45},"\u002Fprojects\u002Fidaho-lottery-mobile-app",null,"UI\u002FUX Designer",{"title":5,"description":211},"projects\u002Fidaho-lottery-mobile-app",[221,222,223],"Mobile","Design Systems","iOS & Android","2024 - Present","J1Np4SjO9NWRSpyxTb8i45liSgXtrhXYfvpdSpZKDN8",[227,232],{"title":228,"path":229,"stem":230,"description":231,"children":-1},"Supreme Court & District Court Website","\u002Fprojects\u002Fcourt-websites","projects\u002Fcourt-websites","Transforming a complex public information ecosystem into a more accessible digital experience",{"title":233,"path":234,"stem":235,"description":236,"children":-1},"Internal CMS Platform","\u002Fprojects\u002Finternal-cms-platform","projects\u002Finternal-cms-platform","Defining product workflows, design systems, and front-end architecture from scratch",1781719491028]