A modular redesign that brought users back into the experience.
The new Mobii I was assigned to design reimagined the offer-catching app for daily use and partner scalability. The new system wasn’t about aesthetics alone, it made the product more interactive, more usable, and far easier to ship across brand environments with a light but powerful system.
Designed for Utility
Overview
A smarter interface for a more responsive app.
Mobii connects users to offers from TV, radio, and nearby locations. In v3.0, I led the design and UX overhaul — rebuilding the interface with modular components, improving engagement, and smoothing the path from Sketch to final product. The app became more than a container for campaigns — it became a tool users wanted to touch, and a platform brands wanted to partner with.
Tactile / Shippable
Challenge
Improve daily interaction, reduce friction, ship with intent.
The main experience relied on content and Users weren't interacting. We needed a solution that balanced high interactivity with something that could actually be implemented with our current team.
Problem: Content Feed Home
The implemented view that was resulting in low performance metrics. I knew this wasn't what we were looking for, but what about it wasn't working?
- Users uninterested in feed. Analyzing user data showed that very few users actually scrolled through the content and even fewer enaged.
- Content feed requires too much effort to maintain for results. The feed had a full team developing schedules and content with little return on investment.
- Focu on Daily Scratchers wasn't engaging or effective due to prizes also being primarily based on partnerships.
Solution 1: Combo High Exposure
What if more content would increase User engagement with that content? This approach combined the two main features of daily content cards and offers into one view. This solution didn't make it beyond ideation:
- Felt too intense, too busy — almost demanding.
- Content cards gets more complicated with the special features it has to support such as Power Ball. Although based on the same concept, these versions introduced too much complexity for this approach.
Fizzled at presentation. Didn't get beyond prototype.
Solution 2: Activity-Based Sections
What if more content would increase User engagement with that content? This approach combined the two main features of daily content cards and offers into one view. This solution didn't make it beyond ideation:
- Too busy causing confusion and still too reliant on external content. Two types of content with evenly distributed visual weight caused confusion and didn’t address the issue of content detection downtime.
Interface ideas got snarled and didn't go beyond prototype.
Exploration
Solution 3: Minimal Content Card
This was my all-in on the tactile experience which was what I was hoping would get through. Story here, a huge part of the inspiration to explore this was from a conversation with one of our developers.
The concept went forward and I started thinking about how we were going to handle the designer-to-developer hand-off.
Experience Enhancements
Main Feed Design
I knew I wanted cards and to lean on an experience to help mitigate external requirements, so I headed to a meeting with my Creative Director (who was particularly good at animating) and we sketched out some ideas on the primary interaction.
Establishing this main interaction was extremely important as it set the tone for the rest of the app's experiences. This also help us think through some navigation considerations.
Experience Enhancements
Card Interaction Ideation
I knew I wanted cards and to lean on an experience to help mitigate external requirements, so I headed to a meeting with my Creative Director (who was particularly good at animating) and we sketched out some ideas on the primary interaction.
Establishing this main interaction was extremely important as it set the tone for the rest of the app's tone. This also helped us think through some navigation considerations.
Experience Enhancements
Daily Scratchers View
This approach solved for a few problems realized in user testing.
The launch improved engagement with swipeable cards, enabled dynamic content through a micro-site design system, and enhanced the experience with intuitive animations and familiar UI patterns.
Experience Enhancements
Redemption View
This approach solved for a few problems realized in user testing.
The launch improved engagement with swipeable cards, enabled dynamic content through a micro-site design system, and enhanced the experience with intuitive animations and familiar UI patterns.
From App to Ops
Deliverables
A connected system across user and partner touchpoints.
Improvements:
- Mobii App design system (successful for next client)
- Partner-ready white label architecture
- Modular, themeable components
- Dashboard UX refinements
- Dev-aligned interaction specs and handoff system
- Interactive prototypes for core flows
Engagement Unlocked
Outcomes
Better UX → Better use → Better product.
The redesign led to increased in-app content interaction and made the platform easier to ship and iterate on. Internally, design-dev friction decreased, and feature velocity increased — enabling Mobii to secure and deploy branded partnerships faster than ever.
Design Through Delivery
Reflection
Better UX → Better use → Better product.
This project reminded me that strong design isn’t what you make — it’s what makes it to the user. By focusing on modularity, behavior, and cross-functional workflows, I helped the team ship faster and smarter. The most satisfying UI in the world still needs a system that brings it to life.
Contact Me
Have a project or problem to solve?
Use my form, send me an email at hello@johnhansen.design or schedule a call.