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.
UX/UI Design / iOS + Android / 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.
A view of the Mobii redesign concept in a device.

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.
A view of the Mobii redesign concept in a device.

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.
AMC themed content cards in the new Sketch template.
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.
AMC themed content cards in the new Sketch template.
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.
Dashboard content card feature organization
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.
Dashboard content card feature organization
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
Dashboard content card feature organization
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.
Dashboard content card feature organization
Photoshop, Sketch and React icons - the main tools used for this project
Wireframe of offer
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.
Your submission has been received!
Something went wrong. Try again.