Hathway

2020 – 2022
product design, brand design
Design Systems Specialist, Visual Designer
Figma, Sketch, Illustrator, Photoshop

I moved Hathway from Sketch to Figma: every client's design system, and every designer who used them.

fig. 01 — Hathway

Hathway designs ordering and loyalty apps for restaurant chains. I was its design systems specialist. I set up our Figma organization from scratch, then moved years of Sketch files, one per client, per project, per redesign, into a single Figma library. Symbols became components with proper architecture, type and color became global styles, and every client’s system got a layout anyone could find their way around.

The files were half of it. I brought the whole design team over too: pairing on the new workflow, writing down the conventions, and answering the ping when a component didn’t behave. By the end, every active client lived in Figma and every designer worked there daily.

Here’s every system, one client at a time.

Dave & Buster’s

Two interlaced systems: xDine for ordering, up top, and Rewards for the arcade. Same colors, type and motion, so both apps feel like the same place.

The D&B Rewards toolkit laid out at an angle: atoms, cards, chips and motion

Denny’s

Palette, accent colors, gradients, the diamond pattern and type, down to the atoms. One system for the app, both ordering sites and the marketing site.

The Denny's UI toolkit laid out at an angle: palette, gradients, type, buttons and page modules

Red Robin

Brand colors and styles kept in sync across the app, mobile web and desktop, all to ADA guidelines.

The Red Robin design system laid out at an angle: colors, buttons, inputs, cards and menu tiles

Blaze Pizza

Moved from Sketch to Figma mid-project. Roasted Orange, black and white lead; headers are Daily Tabloid. Every component is drawn default, redlined and in its ADA focus state.

Blaze UI toolkit colors: Roasted Orange, black and white, plus secondary colors Blaze UI toolkit typography: header styles and the desktop type scale
Blaze UI toolkit buttons, quantity selectors, input fields and selection states Blaze UI toolkit cards with spacing redlines and ADA focus states

Dutch Bros

Futura PT top to bottom, global color, and a layout that builds from atoms to molecules to organisms.

The whole Dutch Bros system laid out at an angle
Dutch Bros typography: the Futura PT scale Dutch Bros color palette: brand and additional colors

Pieology

Clean UI, with hand-drawn icons carrying the brand.

Pieology ingredient icons in line and color
Pieology design system pages: atoms, core patterns, and molecules for navigation, menu cards and rewards

The clients

Each one has its own post, with the screens built on these systems. Panda Express and Arby’s were motion work.

Dave & Buster'sDave & Buster'sRewards and ordering Denny'sDenny'sOrdering and marketing Red RobinRed RobinApp, mobile and desktop Blaze PizzaBlaze PizzaA branded refresh Dutch BrosDutch BrosLoyalty design system PieologyPieologyOrdering and icons Panda ExpressPanda ExpressMicro-animations Arby'sArby'sConference videos