Final Chatbooks app icon
Case Study · Chatbooks

Cross-team brand refresh

Rebuilding the app icon, the core app experience, and the design system behind it — to fix a brand that had fallen behind the competition it was losing customers to.

Role
Director of UX — owned the icon, the app refresh, and the "Breakfast" design system end to end
Partners
Brand & Marketing director, product, engineering, and the UX team
Timeframe
Chatbooks, 2019–2023
The problem

Our brand was losing to prettier competitors.

Conversion had started slipping, and it wasn't a pricing or product problem — it was a perception one. Sitting side by side with the apps our customers used every day (Target, Amazon, Instagram, Nordstrom), Chatbooks looked dated. Everything in the product was the same blue, with no visual hierarchy telling people where to look or what to do next.

The app icon reinforced the problem before anyone even opened the app: it didn't match the product inside it, and it didn't hold its own on a home screen next to brands that had invested in their visual identity.

The app before the refresh, showing an all-blue interface with no visual hierarchy
Before: every screen used the same blue, with no clear call to action. Internally we labeled this "overwhelming" and a "lack of hierarchy — users don't know where to go."
Competitive research including screenshots of Target, Amazon, Nordstrom, and my own Instagram account
Competitive research across the apps our customers actually lived in day to day — retail, social, home — to see how they used color, hierarchy, and photography.
My role

I owned it end to end.

The app icon, the full screen-by-screen refresh, and Breakfast — the design system we built underneath all of it — were all mine to drive. I worked in constant lockstep with our brand director in marketing so the product and the brand moved as one, rather than as two separate rebrands that happened to ship in the same quarter.

That meant making the final call on the design direction, but doing it in a genuinely mixed room — design, brand, product, and engineering all shaping the outcome together. It's one of my favorite examples of what happens when teams talk to each other more than usual.

The process

Let the user's photos carry the color.

The insight that unlocked the direction: Chatbooks' product is other people's photos. If the chrome around those photos is loud, it competes with the thing people actually came to look at. So the big idea — "Balanced Breakfast" — was to pull color out of the UI itself and let it come from three places instead: the user's own photos, our branding, and marketing moments. That meant the core app needed to go quiet: minimal color in UI elements, monochromatic by default, hierarchy built with contrast and space instead of five different blues.

After: refreshed app screens with a calmer, neutral interface After: additional refreshed screens showing the new hierarchy
After: the interface recedes, photos and key actions carry the visual weight, and the "Breakfast" design system kept every screen consistent as we rolled it out.
The app icon

Presenting real options, and making the call.

Because the icon is the first brand impression on someone's home screen, I took this one to the executive team as a formal decision rather than a design footnote. We explored dozens of directions — different colorways, gradients, and mark treatments — before narrowing to three real contenders and a packaging system to match.

App icon option 1: four-color quadrant mark App icon option 2: solid teal mark App icon option 3: gradient mark
Three finalist directions, presented to the executive team alongside how each would sit on a real home screen and in the App Store.
Full grid of app icon color and shape explorations
The full exploration — roughly 45 color, shape, and gradient variations — that narrowed down to the three finalists above.
Packaging options in the finalist colors
Packaging was decided alongside the icon, since the two needed to read as one brand system, not two.
The final selected app icon
The decision

We landed on the multi-color book-and-chat mark: distinct enough to stand out on a crowded home screen, flexible enough to work across every packaging and marketing surface, and true to a brand that describes itself as colorful rather than monochrome everywhere else.

Validation

We didn't just believe it — we tested it.

Every design in the refresh went through our standard A/B testing process before it shipped broadly. On top of that, we ran a dedicated usability study with five participants to pressure-test our core assumption — that a calmer, photo-forward interface would actually read as clearer, not just quieter — before committing to the full rollout. Participants consistently found the new hierarchy easier to navigate than the old all-blue version.

Outcome

A brand moment that broke through.

Shortly after the refresh launched, we put out a hero ad built on the new brand system — and it went viral, giving Chatbooks a level of visibility it hadn't had before. The clearest proof, though, was quieter: an app and a brand that finally felt like one coherent thing, instead of a product team and a marketing team pulling in different directions.

Reflection

The real win was how we worked together.

This was a genuinely mixed effort — design, brand, product, and engineering all in the room, shaping the same outcome instead of handing work down a line. I loved collaborating across departments on this one, and it reinforced something I still believe: most of what goes wrong on a cross-functional project comes down to teams simply not talking to each other enough. When we did, the work got better, and it was a lot more fun to make.