← Work

Passport Unlimited

I was Passport's in-house graphic designer when the mobile app was being built by an outside firm, at a rate high enough that development ran in quarterly bursts sized to leftover budget. I made the case to bring the design in-house, sourced a developer at a fraction of the cost, and redesigned the app around proximity. Then I shipped a feedback loop that gave the business its first real view of user satisfaction.

Solo Product DesignerCTO, Engineers, Contract DeveloperiOS & Android2018-2020
Five Passport app screens arranged in a row: a map result, a filtered dining list, the home feed with featured offers, a cuisine filter sheet, and a vendor page with the use card action.

An Underused App Reimagined

Passport Unlimited is an established savings and discount program connecting members with participating vendors. By the time this project started, the desktop experience had already been modernized. The mobile app was a different story. It was dated and barely used.

Notebook pages showing hand-drawn navigation options, screen flows and an account entry decision tree for the Passport app.
Where it started. Navigation options, flows, and the argument with myself about what the home screen was for.

That mattered more than it sounds. Mobile was the primary touchpoint for a member out in the world, standing on a street with two hours free and no idea that the restaurant across from them honored their card. The company had the bones of a valuable product. The app just wasn't reflecting that.

The core promise, finding a nearby vendor offer, wasn't being delivered in a way that felt useful or current. Fixing that meant rebuilding the discovery model.

How I Got the Job

I wasn't hired to design this app. I was Passport's in-house graphic designer, and my job was marketing 800+ merchant accounts to our members.

The mobile and web work went to an outside consulting firm. Their rate was high enough that it shaped the roadmap: development happened in quarterly bursts, sized to whatever budget was left. Product decisions were being made on a billing cycle rather than on what users needed.

I was already doing the visual design. I was confident I could carry the UI and UX as well, and that the same budget could buy considerably more than it was buying. So I made the case to the CTO: let me design it, and let me find a developer at a rate that matches how this company actually operates.

He gave me the shot. I sourced several options and found a solo developer with a track record for efficiency who came in well under what the firms had quoted, enough that development stopped being rationed by quarter.

That's the part of this project I'd point at first, because changing how the work got funded is what made the redesign possible.

Who I Was Designing For

Three personas carried the work, and I made them deliberately different.

Near home, on a weeknight

Thomas

55 · Kirkland · IT support · married, no kids

Owns a home in North Seattle with his wife, two cats and a German Shepherd. Works at a high end tech company in downtown Bellevue. Avid jogger who loves nature and takes his wife and dog to nearby parks for after work runs. Dines out two to four times a week.

  • Reduce monthly dining out cost while still trying new restaurants
  • Renovate a few rooms with modern upgrades on a smaller budget
  • Doesn't want to hire a contractor but has no time to research sub-contractors
  • Feels the restaurant options are low quality and would like to see better ones
  • Believes he has a better grasp on UX than most and that we should gamify the experience
Internet
Social
Shopping
Messaging
Games
AppleGoogleInstagramNintendo

Somewhere that will tolerate a six year old

Emily

33 · Seattle · HR director · married, two kids

Director of HR at a mid sized law firm in Olympia. Telecommutes most days but is looking for work closer to home, ideally at a sustainable energy firm. The family goes out of town on weekends when it can. The kids are six and nine.

  • More kid centered savings options nearby
  • Casual dining, not the high end offers that fill the current app
  • Can't find the filters once they have been applied
  • Navigation is unnatural and hidden, so she rarely opens the app
  • Turned away for the discount at a business that had quietly left the program
Internet
Social
Shopping
Messaging
Games
MicrosoftUltaAmazonAndroid

In a city he landed in that morning

James

29 · Bellevue · entrepreneur · single

Entrepreneur and investor. Enjoys red wine and good food. Week nights are for client meetings and the occasional date. Lives in an apartment downtown but is rarely there except to sleep. Travels within the states most weeks and abroad once or twice a month.

  • Quick deals on flights and up to the minute offers
  • Redemption that is easier than showing a card, like a QR code
  • Sees little content that is relevant to where he actually is
  • Can't reach the redemption when there is no wifi or data
  • Turned away for the discount at a business that had quietly left the program
Internet
Social
Shopping
Messaging
Games
AppleMercedesInstagramAmazon

The same sentence, in two of the three.

Thomas is 55, IT support in Kirkland, married, no kids, dines out two to four times a week. Emily is 33, an HR director in Seattle with two young children, telecommuting most days. James is 29, an entrepreneur in Bellevue who is rarely home and travels within the states most weeks and abroad once or twice a month.

None of them is a deal hunter. All three were handed a benefit by an employer and mostly forget they have it. What separates them is when and where they need it to surface: Thomas near home on a weeknight, Emily somewhere that will tolerate a six year old, James in a city he landed in that morning.

The frustrations were the part I kept going back to, because several of them turned up in more than one card. Navigation hidden enough that the app goes unopened. Filters that disappear once applied, so nobody can tell what they have narrowed to. Content that has nothing to do with where you actually are.

And in two of the three, the same sentence: having been turned away at a business that had quietly left the program. That one isn't a layout problem, and it stayed with me, because no interface saves a member who is embarrassed at a till.

Someone hunting a discount will go looking for it. Someone who has forgotten they have a benefit needs the benefit to find them, and that is a different product.

Rebuilding Around What's Close

I started by auditing comparable savings and loyalty apps to understand the current bar and where Passport could differentiate. From there I moved to wireframes, focused on proximity-based offer discovery, because that was the app's core value and the thing it was failing to deliver.

The app's information architecture: home, all offers, dine, shop and travel categories, map view, search and change location, all routing into vendor details and out to vendor website, social and contact.
Flat by design. Eight entry points, one destination, and a route out to the vendor from every one of them.
Eight wireframe screens: sign in, home portal, search, location change, results list, filtered list with cuisine picker, vendor detail and offer redemption.
The whole app at wireframe stage, before any of it was styled.
The change location screen: a city, state or zip field, a use my location action, and a list of recent locations including San Diego, Las Vegas, Hawaii and Seattle.
Change location, with recents. This is the screen that answers the persona who is somewhere different most weeks.

The information architecture stayed deliberately flat. Home, all offers, the three verticals, map view, search, change location. Every one of those paths lands on the same vendor detail page, and every vendor detail page carries a route out to the vendor: their website, their social, a phone number. The app's job ends at handing the member off to the business, so every screen was checked against whether it moved somebody toward that.

Location is the one piece of state that runs through all of it. It sits in the header, it is editable from anywhere, and it persists. A member who searches Las Vegas before a trip and lands back in Seattle a week later should not have to think about which city the app believes it is in.

The Button I Designed and Deleted

I built prototypes and ran user testing sessions. One piece of feedback surprised me.

Built, prototyped, tested and cut. Users wanted to browse, and the button skipped the browsing.

I'd designed a central action button into the bottom navigation, a shortcut that opened a radial menu and threw you straight into All Offers, Dine, Shop or Travel. It solves a real problem on paper. The three verticals are the spine of the business, they were buried a level down, and this put them one thumb-reach from anywhere in the app.

I thought it was a smart shortcut. Users disagreed. Most preferred to simply browse naturally, and a few actively disliked the button.

I removed it and let browsing do the work. The clip is the version that did not ship.

Looking back, I had solved an org chart problem instead of a member problem. The three verticals matter enormously inside the company and barely at all to somebody deciding where to eat.

How Decisions Got Made

Ownership of the product was split three ways, with no single authority over the roadmap. In practice any design decision could be reopened by anyone, at any point, on any grounds.

Having argued my way into the work, I couldn't afford for calls to come down to whichever preference carried the room that day. So I stopped bringing options and started bringing evidence: what users actually did in testing, what a direction would cost, what it would take to maintain. That gave the group something external to agree or disagree with, which turned out to be the fastest path to a decision.

It's the habit I've kept longest from that job.

The System Underneath

The three verticals needed to be legible at a glance, in a list, on a map pin, and on a card in somebody's wallet. So they got colour before they got anything else. Dine red, shop orange, travel blue, each one built on the same circular mark and the same construction grid, so a pin on a map and an icon in a filter row are recognisably the same object at very different sizes.

The Passport Corporate wordmark and the three category marks for dine, shop and travel, each shown over its circular construction grid.
One construction, three categories. Built to survive being shrunk to a map pin.
The type and colour specimen: Lato in regular, bold and black, the three category colours with hex values, and a five step grey ramp.
Lato, three category colours, five greys.

Everything else is Lato and a five step grey ramp, and that's the entire system. It was meant to be modest. A member is looking at a photograph of food, a distance and an offer, and the interface's job is to stay out of their way.

What Shipped

The redesigned app launched and adoption was meaningfully stronger than the old version.

The home screen and the search and location screens, annotated with callouts for search, category filters, featured paid placements, newly added offers by vertical, and the main navigation.
Home and search, annotated. Featured placements are paid vendor promotion, which is the business model showing through the interface.
Browsing as a list and as a map, annotated with callouts for live breadcrumbs, live filters, vendor info, vendor locations and the selected vendor.
The same filter state, two ways of reading it.
The vendor detail page with the offer and the actions available, beside the live filter and breadcrumb behaviour.
The vendor page. Everything above the fold is the space, the offer, and a way to act on it.

Home opens on what's near you: quick access to saved, new and hot offers, then featured placements, then the newest dining, shopping and travel offers as you scroll. Search carries recent searches and recent locations, so the two things a returning member most often repeats are both one tap away. Results run as a list or a map from the same filter set, and the filters stay visible as breadcrumbs so nobody loses track of what they've narrowed to. The vendor page leads with the space itself, then the offer, then the ways to act on it.

But the launch also surfaced something design alone couldn't fix: the quality of the offers the sales team was acquiring was a friction point for members.

So I designed a feedback loop into the app, a lightweight way for members to tell the company what they thought of an offer. For the first time the team had quantitative data on member satisfaction they could act on, instead of assumptions.

Developer sourcing saved the company thousands in development fees. After launch I kept iterating the UI on direct member feedback.

The Corporate Portal Beside It

The app was one door into the program. The other was the corporate member portal, the web experience a company's employees landed on after HR enrolled them. It had to do the same job as the app on a desktop, for a member who might only visit once a quarter to see what was near the office.

The Passport Corporate member portal sign-in page: a sign-in form on the left and a full-bleed food photograph on the right.
The portal's front door. Sign in on the left, the program's promise on the right.
The portal's dining results page: a location and filter row, a list of restaurant offers with save, map and menu actions, and featured collections on the right.
Dining results. The same filters as the app, the same three marks in the navigation, and the paid collections on the right.
The portal's vendor detail page at phone width: the restaurant photograph, the offer, alternate offers, about, social and exclusions.
The vendor page at phone width. The portal had to hold up on the same screen the app lived on.
Three member emails side by side: the welcome and assign gifts email, the comp of email, and the lapsed membership survey email.
Welcome, assign your gifts, and the survey when a company lapsed. One column, one action each.

The portal reuses the mobile system rather than restating it. The three category marks and their colours carry over unchanged, the location and filter row does the same work as the app's live filters, and the featured collections down the right are the same paid placements that fund the program.

The emails were the part nobody had designed. Welcome, assign your gifts, and the survey sent when a company let its membership lapse. Each one is a single column with one action, because they were read on a phone in an inbox full of other things.

What I'd Do Differently

Split ownership with no single roadmap authority meant every direction could be reopened, and the project absorbed a lot of avoidable back-and-forth as a result.

If I ran this again I'd spend the first week establishing who decides (a single product voice, or failing that a written alignment process) before any design work started. I treated that as someone else's problem to solve. It was mine, and the time lost to it was the biggest drag on the project.

Impact

MetricOutcome
ReachiOS, Android and responsive web products reaching 500,000+ employees across 80+ enterprise clients.
OwnershipMoved from in-house graphic designer to solo product designer by making the case to take UI and UX in-house.
DeliveryReplaced an outside firm's quarterly, budget-limited release bursts with a continuous cycle, through a developer I sourced.
CostSaved the company over $100K a year in agency fees by bringing design in-house and sourcing a developer.
ResearchCut the central radial-menu button after user testing showed most members preferred browsing.
DataDesigned the in-app offer feedback loop that gave the company its first quantitative member satisfaction data.
RatingApp store rating rose from 2.3 to 4.1 stars after the redesign, and adoption was meaningfully stronger than the old app.

Ratings are from when I left the company in 2020. The app has changed since and no longer reflects my work.

Tags

MobileUX ResearchStakeholder ManagementiOSAndroid

Get in touch

Send me a note and I'll reply by email.