Coffeedesk loyalty program: designing with working prototypes

An ongoing project, launching in early 2027. Until then I keep the product details light and focus on my role and on how I work: from concept to a clickable, coded prototype that stakeholders and customers can test before engineering starts.

Type

Personalization

, AI prototyping · In progress

Role: Product Designer, sole designer
Timeline: 2026 - now, launch planned for early 2027
Company: Coffeedesk
Tools: Figma, Claude, HTML prototypes

My role

I'm responsible for the end-customer experience of the program. I design the user journeys and make sure they stay consistent and intuitive, with UX aligned to the brand guidelines and the goals of the program. My scope covers the functional side of key areas of the store, from the customer account, through marketing touchpoints, to the purchase flow, so that these pieces connect into one coherent experience.

How I work

As the concept evolves, I turn it into a fully working HTML prototype: an interactive build with state, conditional flows and real interactions in place. I build these prototypes with Claude, which lets me move from a rough concept to a functional product quickly and iterate as decisions change.

  • Stakeholders click through the real experience instead of reviewing static screens, so decisions are made on something that behaves like the product.

  • Customers test the prototype early, before anything is handed to engineering.

  • Alongside the prototype I write high-level technical documentation that maps the key flows and logic, so the development team has a clear, structured reference to build from.

What comes next

The program launches in early 2027. After the launch I will add the product story and the first results here.