Our goal was to overhaul the MGM loyalty program, which relied on plain visuals and text-heavy webpages. We aimed to make functionalities clearer, align it with our design system, enhance visuals, and create a points redemption store. Wireframes were developed by the UX and product manager, allowing me to focus on refining the user interface and interactions while they finalized functionality and targets. I determined iconography for the Loyalty section, emphasizing type hierarchy, placements, and strategic color usage for the dashboard. I streamlined tiers by balancing colors and icons, reducing visible text within closed accordions for improved clarity.
I iterated on the Rewards Store balance and mini cards, emphasizing data visualization for user progress toward earning rewards, and a redemption modal for bonuses.
Integrated Borgata into the BetMGM design system, primarily focused on color changes due to development limitations. Targeted refinements included welcome screens, core visuals like headers, footers, and CTAs.
Experimented with brand colors, creating tints and shades, assessing their impact on accessibility and UI overlap. Borgata's primary colors (purple, baby blue) and secondary colors (hot pink, golden orange) were tested; adjustments made for conflicts with semantic colors and optimized for visual hierarchy.
Refined color variations, aligning Borgata's colors with the BetMGM system. Developed home screen concepts, exploring 3D, flat color, eventually adopting a textured vignette linked to Borgata's property for its visual appeal.
Aimed to modernize and align the Inbox with the existing design system while enhancing visual design and optimizing the user experience. Collaboration started with finalized functionality and KPIs from UX and product teams, allowing concurrent UI and interaction iterations.
Initially used wireframes in a card format, then iterated within the design system and explored alternative components. Studied competitor models and non-competitive notification centers to gauge user familiarity and inform design decisions.
Evolved a new format, optimizing for density of information while simplifying future feature integrations. Collaborated with UX, product, and development teams, obtaining feedback and approval throughout the iterative process. Enhanced hierarchy in promotions page for better user engagement through typography and information grouping.
