Skip to content
Danny Papageorge
iOS + Android · React NativeConsumer · Mobile app·2019

Brew Guru

A homebrewer’s app, refocused

Redesigned and rebuilt the American Homebrewers Association’s Brew Guru app in React Native, refocusing it around member deals and shipping a 4.0★ experience across iOS and Android.

Mobile designUX researchDesign systemsInteraction designUI
Brew Guru, redesigned and rebuilt in React Native
Fig. 01, Brew Guru, redesigned and rebuilt in React Native

4.0★

Avg across 5,760 ratings

iOS + Android

One React Native codebase

20 → 11

Text styles consolidated

AA

Color updated for WCAG

01Business context

Rebuild the app, refocus the experience

In 2019 I partnered closely with our client, a product manager, and a single engineer to redesign and rebuild Brew Guru, the American Homebrewers Association’s mobile app, in React Native. The shared codebase let us lean on native, platform-specific patterns while supporting both iOS and Android at once.

Throughout, I iterated on the design from user research, analytics, and mobile best practices, improving usability and performance as we went. The app was retired in 2023 once its core features moved into the AHA’s mobile-friendly website, and at retirement it held a 4.0 out of 5 average across 5,760 ratings.

  • React Native, one codebase, iOS and Android
  • Small team: client, one PM, one engineer, and me
  • 4.0★ across 5,760 ratings at retirement
02Problem definition

The home screen was doing too much

Research showed users found the Home screen overwhelming, but they consistently valued two things: local deals, and quick access to the membership card they used to redeem them. Analytics agreed, Deals was already the most-used feature inside Home.

So we replaced Home with a focused Deals experience: a clearer, more purposeful entry point that also set the pattern for how supporting content like Articles would be organized.

When the data and the interviews both point at deals, you stop defending the home screen and start building the deals screen.
03Process

Sharpening the core flows

From there, each section earned its place against real usage. Articles had low overall engagement but a small, loyal audience that returned often, so we raised its visibility to test whether exposure could grow sustained adoption. Saved Items left the primary navigation and moved into the places it mattered, like Deals and Recipes, using native controls so saving felt familiar. And Recipes gained at-a-glance meta, how many styles and recipes sat under each beer category, so people could decide where to explore before diving in.

  • Deals promoted to the app’s home
  • Articles surfaced to grow an engaged niche
  • Saved Items embedded into Deals & Recipes, not a separate tab
  • Recipe categories show style and recipe counts up front
04Systems thinking

One location card, reused everywhere

The most leverage came from a single component. I redesigned the map location card into one reusable card used across the map, the list view, and the Deals experience, communicating location type through iconography, plus name, distance, and any available member deal, all at a glance.

Location icons were enlarged and simplified for scannability; locations without a member deal use the same shape in a neutral gray, so color alone signals deal availability while the system stays visually consistent.

  • One card component across map, list, and Deals
  • Type, name, distance, and deal status at a glance
  • Color as the single indicator of deal availability
05Foundations

Accessible color and a tighter type system

Underneath the features, I tightened the foundation. The app’s primary orange and green were updated to pass WCAG AA. And the type system, more than twenty styles, was consolidated down to eleven, with names aligned to iOS and Android platform guidelines.

That shared language between design and engineering streamlined the React Native build and cut friction at handoff, leaving a system that was easier to reuse and evolve.

  • Primary colors updated to meet WCAG AA
  • 20+ text styles consolidated to 11
  • Style names aligned to iOS & Android for clean handoff
06Outcomes

A focused app people kept rating well

The redesign traded a crowded home screen for a clear, deals-first experience backed by a more consistent system. Brew Guru ran for four more years and retired with a 4.0★ average across 5,760 ratings, its core features valuable enough to carry forward into the AHA’s website.

07Lessons learned

What I’d carry forward

Let usage pick the home screen. The strongest decision here, leading with Deals, wasn’t a hunch; it was where research and analytics already agreed. The design just got out of the way.

And on a tiny team, systems are a force multiplier. One reusable location card and a consolidated type scale did more for consistency and speed than any single screen ever could.

Figures · from the work
A focused Deals experience replaces the overwhelming Home screen
Fig. 02, A focused Deals experience replaces the overwhelming Home screen
Surfacing Articles to a smaller but highly engaged audience
Fig. 03, Surfacing Articles to a smaller but highly engaged audience
Saved items embedded directly into the Recipes experience
Fig. 04, Saved items embedded directly into the Recipes experience
Recipe categories with at-a-glance style and recipe counts
Fig. 05, Recipe categories with at-a-glance style and recipe counts
One reusable location card across the map, list, and Deals
Fig. 06, One reusable location card across the map, list, and Deals
Enlarged, simplified location icons; gray means no member deal
Fig. 07, Enlarged, simplified location icons; gray means no member deal
Location detail pages reorganized around what users need
Fig. 08, Location detail pages reorganized around what users need
Primary orange and green updated to pass WCAG AA
Fig. 09, Primary orange and green updated to pass WCAG AA
20+ text styles consolidated to 11, aligned to iOS & Android
Fig. 10, 20+ text styles consolidated to 11, aligned to iOS & Android

Currently open to new roles

Let’s make somethingclear.

Senior, Staff, Lead, or Design Manager, if you’re untangling something complicated and want a designer who thinks in systems, I’d love to hear about it.