Mon – Fri, 9AM – 5PM
47 Deerhurst Grove, Hull, HU7 4QE

Nespresso Professional – Flavour Quiz App

Web ApplicationWeb DesignWeb Development

A React rebuild of Nespresso Professional’s Flavour Quiz: up to four questions guide business customers to their perfect coffee, with no dead ends and a clear route to sales.

Nespresso Professional supplies coffee machines and capsules to offices, hotels and other businesses. Its Flavour Quiz helps business customers find the right Nespresso Professional coffee: up to four quick questions lead to a single recommendation, complete with a description, an intensity rating, a link to buy, related capsules and the sales team’s phone number.

The original quiz was a Marketo-hosted landing page, built to engage visitors and pass them on to sales, but its hand-written jQuery had become fragile and buggy. We rebuilt it from the ground up as a modern React app that behaves correctly, looks polished and is far easier to maintain and deploy.

Nespresso Professional – Flavour Quiz App
Nespresso Professional Flavour Quiz result showing Intenso with its intensity bar and description
At a glance

Project highlights

  • 4quick questions to a personal recommendation
  • 26outcomes across 18 coffees, with no dead ends
  • 12-pointanimated intensity rating for every coffee
  • Reactrebuild replacing a fragile jQuery page

The challenge

Business customers face a lot of choice: different origins, Ristretto, Lungo and Bianco blends, flavoured coffees and decaf. Taste is hard to put into words, and once visitors have an answer they need a clear next step.

The old quiz page made this worse. Its hand-written jQuery show-and-hide logic was hard to follow and hard to change. Going back with “Previous” left stale buttons and carousel choices behind, the intensity bar showed the wrong level for some coffees, leftover code threw a JavaScript error, and “Take the quiz again” reloaded the whole page. It also relied on jQuery, Bootstrap, Owl Carousel and external fonts and images, some hosted on servers that no longer exist.

Our solution

We rebuilt the quiz as a self-contained React app with all its fonts and images bundled locally. Visitors choose a cup size (small 25ml, medium 40ml or large 110ml), an intensity (milder, intense, or decaf for large cups), whether they want the softer taste of Arabica or the extra “kick” of Robusta, and an aroma profile such as honey, caramel, cocoa or woody.

Only options that lead to a real coffee are shown, so every path ends in a recommendation: 26 outcomes across 18 coffees. The result shows the coffee with its picture, an animated intensity bar out of 12, a short description and a product link, plus a carousel of related capsules (intense blends for strong choices, milder ones otherwise) and a contact section with the sales number. Questions slide in, the background image changes at each step, the page scrolls up to reveal the result, and the whole quiz is fully responsive. “Previous” and “Take the quiz again” now reset cleanly without reloading the page.

Keep exploring

More projects

PowerFlow landing page: Deliver client work with clarity, speed, and control
Web ApplicationWeb DesignWeb Development

PowerFlow – Agency Project & Task Management SaaS

A multi-tenant SaaS for software agencies: clients, projects, tasks and teams in one workspace, with Kanban boards, analytics, role-based access and Stripe subscription billing.
PowerFlow (SaaS product)2026
Bottomline PTX landing page hero personalised with a sample company name
Marketo Landing PagesWeb DesignWeb Development

Bottomline PTX – Personalised Priorities Landing Page

An interactive account-based landing page for Bottomline’s PTX payments platform: visitors rank their payment priorities and get survey insights matched to their top choice.
Bottomline Technologies2021
Influencer Intelligence interactive quiz: question 1 with answer buttons and influencer banner
Web DesignWeb Development

Influencer Intelligence – Interactive Quiz App

A five-question interactive quiz for an influencer marketing platform’s event campaign, with instant sourced feedback, changing imagery and three personalised result tiers.
Influencer Intelligence2022
Start your project

Got a process that’s holding your business back?

Tell us how your team works today and we’ll map out what a custom system could save you. No jargon, no obligation.