Pasta Evangelists

A new e-commerce site for a premium UK pasta subscription service

Multiple smartphone screens displaying a pasta recipe delivery app with menus, order summary, payment, and subscription plan options on a terracotta background.

Introduction

UK subscription service Pasta Evangelists hoped to expand their business by improving the overall customer experience. They needed to address problems with the user account, as well as improving key e-commerce flows such as listings, subscription and the checkout.

I was hired to tackle these business goals, which were primarily aimed at maximising conversions, increasing order sizes and allowing users to more effectively manage their own accounts.

Over 5 months I researched, redesigned, tested, and delivered a new pasta shopping experience for their customers.

The redesign yielded the following results:

  • 11% increase in ticket booking conversions.
  • 15% increase in hotel booking conversions.
  • Much improved site navigation and search experience.
  • A fresh new look across key pages, in line with the new brand.

Team

Role:
Research, UX, UI, Usability Testing, Visual Design

Team:
1
Designer, 1 x Product Manager, Dev team

Time:
6 months

Brief

Business requirements

  • Streamline the checkout to maximise conversion.
  • Better communicate the 'subscription' model to avoid confusion.
  • Reorganise and redesign the functionality of the User Account section to take pressure off customer services.
  • Implement gradual design improvements that could be A/B tested on the live site.
  • Up-sell Double Portions, side dishes and desserts.

Research

Market research

Pasta Evangelists were a relative newcomer to an intensely competitive, dynamic and rapidly evolving UK meal subscription scene, with a diverse range of companies vying for consumer attention.

Established players like HelloFresh and Gousto continue to innovate, offering flexible plans that allow customers to customise meals and adjust delivery schedules, reflecting a growing demand for convenience and personalisation.

Comparison of meal kit services: HelloFresh offers diverse recipes, reliable delivery, flexible subscriptions, and a mobile app; Gousto features extensive recipe options, precise delivery tracking, flexible plans, and a user-friendly website; Mindful Chef emphasizes healthy, organic, gluten-free meals, eco-friendly delivery, flexible subscriptions, and limited health-conscious recipes; Simply Cook provides flavor kits, no perishable ingredients, one-time purchases, and budget-friendly culinary options.

Competitive analysis

Conducting an analysis involved identifying key competitors, evaluating subscription flexibility, assessing meal variety, studying delivery methods, and reviewing pricing and customer reviews.

This process provided insights into market trends and informed my ideation in the next stage.

User accounts
Screenshots of four food subscription service user interfaces showing account details, past deliveries with Mexican cheesy chicken burger, subscription settings, and delivery schedule.
Check outs
Four online checkout pages from allplants, Gousto, Pact Coffee, and Graze, each showing order summaries and delivery or payment details.

Customer surveys

I studied around 30 responses from a survey sent to existing Pasta Evangelists customers, asking them for their experiences with ordering recipes and managing their accounts. Some recurring issues became clear and gave me a good indication of where to focus my attention.

I studied around 30 responses from a survey sent to existing Pasta Evangelists customers, asking them for their experiences with ordering recipes and managing their accounts. Some recurring issues became clear and gave me a good indication of where to focus my attention.

  • Ordering Recipes: Some users expressed frustration, indicating a lack of clear categorisation or for specific preferences.
  • Confusion about menus: The rotating menus are slightly confusing, with a number of respondents struggling to differentiate between them.
  • Changing Orders: A portion of users had difficulty changing their orders, suggesting that the process was not as intuitive as anticipated.
  • Rescheduling Deliveries: Problematic, as a subset of participants reported encountering challenges in altering their delivery dates.
  • Managing Account: Frustrating, with customers reporting difficulties in modifying their meal preferences, addresses, and payment information.
Two customer reviews about pasta service: James, 55 from Birmingham finds swapping recipes on the website difficult and suggests simplification, Olivia, 29 from Edinburgh praises pasta quality but is frustrated by limited delivery rescheduling options.

Define

Understanding through empathy

After the research, I synthesised the insights I had gathered into an empathy map to provide insight into the customer's perspective, showcasing their challenges, frustrations, and positive experiences.

It helps in understanding their needs and emotions, allowing for targeted improvements to address their pain points and enhance their overall experience.

Empathy map with sections Says + Does, Sees, Hears, Thinks + Feels, Pain, and Gain containing sticky notes about user experiences with meal deliveries and website navigation.

Getting personal

I created two personas to empathise with a broader range of customers' needs and perspectives, Bella and Quentin. Each persona represented a distinct variation of customer, helping me understand different behaviours, motivations, pain points, and aspirations.

Profile of Quentin Thompson, a man wearing a black turtleneck and red beanie, with text describing his persona, goals, considerations, and needs related to pasta delivery subscription.
A young woman in a light pink jacket standing outside with a blurred brick background next to text describing 'Budget-Conscious Bella,' a persona focusing on cooking on a tight budget.

Mapping the journey

With these personas as a guide, I created User Journey Maps that detail the experience of browsing pasta selection, creating an account, checking out, receiving the order, and then reviewing the food or managing the account.

User journey map for pasta evangelists showing stages from awareness to review with actions, customer goals, touchpoints, experience mood emojis, and opportunities.

Ideate

How might we?

To address some of the business goals and other issues uncovered by the user research, I posed some open-ended questions to colleagues as part of a brain storming session, in order to reframe the challenges and hopefully spark creative thinking.

Brainstorming notes on sticky notes under the question How Might We simplify the checkout process to reduce user friction and increase conversions, with suggestions about checkout steps, account creation, progress bar, validation, security, social login, payment info, mobile checkout, and form fields.
Brainstorming sticky notes arranged under the question 'How Might We improve the customer account experience?' with ideas like a cool dashboard, pause or skip delivery, better date picker selection, password reset, and reorganization into intuitive categories.
A brainstorming board with sticky notes in yellow, blue, and green discussing ways to better communicate the concept of a rotating weekly menu.
Brainstorming sticky notes on encouraging larger orders, double portions, and extras with clusters titled Frequent buyers club, Better social proof, and customization strategies.

User flows

To get a clear understanding of the steps involved in choosing recipes, subscriptions and paying, I put together a User Flow.

Account management necessitated many different task flows for the user, though most of these were fairly straightforward.

Account task flows
Two flowcharts showing task flows: one for changing payment method by logging in, navigating to payment details, and choosing or adding a card; another for reviewing a recipe by logging in, selecting past orders, adding a star rating or note, and confirming.
Choose/checkout flow
Flowchart showing user flow: Listing page leads to Choose Recipes, then decision for Account? If yes, user logs in; if no, user creates an account, subscribes to a plan, and enters delivery details. Both paths lead to Payment, then Order confirmed, and finally Manage account.

Mapping the user account

The account section quickly expanded in complexity as the various needs of customers and stakeholders were added to my list. This required a rethink of existing structure and an exercise in trying sort all of these elements into the most logical order.

I originally had a dashboard planned but this was replaced by ‘Upcoming Orders’ as the best choice for a home page.

Site map diagram showing sections under 'My account': Upcoming Orders with plan details; Pasta Plan with delivery preferences, dietary and recipe preferences, and payment info; My Details with address book, payment info, email, and marketing preferences; Past orders listing multiple orders and recipes; Referrals with referral scheme.

Sketching

Throughout this step of the process, I was sketching concepts for the recipe cards, check out flow and user account, so that ideas was not lost when it was finally time to do start some designing.

Hand-drawn sketch of a four-step checkout process with columns labeled Basket, Account, Delivery, and Payment, showing input fields, options, and continue buttons.
Hand-drawn wireframe sketches of a mobile app interface showing dashboard, preferences, orders, and member rewards screens with menu and navigation elements.
Hand-drawn wireframe sketches of three mobile app interfaces showing product images, pricing, add buttons, quantity selectors, and single or double options.

Prototype

Wireframes

Early sketches and initial thoughts on the listings and setting subscription preferences.

Online pasta ordering interface showing menu tabs, pasta options with prices and double portion toggles, and an order summary with delivery date selection.
Online order review page for Pasta Club subscription showing order details, delivery frequency, free delivery and Aperol offer, item list with quantities, total price, checkout button, payment options, Trustpilot rating, and FAQs.
Subscription step asking how often the user would like to receive pasta, with a dropdown menu set to 'Every 2 weeks' and navigation steps for choosing recipes, extras, reviewing the order, checkout, and completion.

Upselling

Stakeholders were particularly keen to upsell Double Portions and so I looked at ways in which this could be encouraged.

Menu display showing pasta dishes: Gnocchi with black truffle butter sauce and hazelnuts priced at £12.50 after discount, pappardelle with wild mushroom sauce, and fettuccine with spicy 'nduja sausage and mascarpone priced at £7.00 each, with single and save 15% options and add buttons.
Two plates of gnocchi with grated cheese and black pepper, one labeled vegetarian and lighter choice, menu showing prices and portion options.

User account

Exploring navigation, UI for dietary preferences and different visual styles for the account section.

Four user interface styles showing dietary preferences selection with options like pork, lamb, beef, duck, wild boar, fish, crustaceans, nuts, dairy, and gluten-free, using buttons, toggles, and checkboxes with icons.
Mobile screens from Pasta Evangelists user account UI showing dashboard with exclusive offers, delivery details, referrals with 30% off, upcoming orders, dietary preferences, member status as Evangelist, and a refer-a-friend offer.

Testing

After completing high fidelity prototypes, I conducted usability tests with six customers. An additional two in-house volunteers were also used. They completed tasks such as ordering recipes, navigating checkout and managing the user account.

Zoom tests

The product manager and I tested the design with users live, using a Figma link and Zoom.

Screenshot of a video call with three participants on the right and a mobile phone display on the left showing a pasta dish ordering app featuring Buckwheat Tagliatelle with Beef Ragù alla Bolognese priced at £7.00.
Screen showing a mobile checkout page for a pasta order on a phone mockup, alongside three participants in a video call.

Test Results

Choosing recipes, extras, and checkout
Managing user account
  • Users found the recipe selection interface intuitive and visually appealing.
  • Most participants successfully chose recipes without confusion.
  • Some users had difficulty finding the "Add to Cart" button on mobile devices.
  • Adding extras was well-received and easy to use.
  • Checkout process was generally smooth, with clear steps and prominent CTAs.
  • Overall, users appreciated the transparent pricing and meal customisation features.
  • Users easily accessed the account section and understood its purpose.
  • Changing address was straightforward, with users locating the relevant settings.
  • Some users requested an option to save multiple addresses for future changes.
  • The profile management layout was clear, but a few users suggested grouping related settings.
  • A couple of users couldn’t find where to reset password.
  • Overall, users felt confident managing their accounts and making address changes.

Refine

Listings page

Arguably the most important, this page needed to communicate the unique business model of the subscription service and the rotating weekly menu. The product cards also had to include the ‘Double Portion’ up-sell option.

Website page for Pasta Evangelists showcasing artisan pasta menus with images and details of various pasta dishes including vegetarian and meat options.
Mobile screen of Pasta Evangelists showing two bowls of red sauce pasta, weekly menu selection with dates, and chef's specials including vegetarian fusilli pasta salad and gnocchi with truffle butter.

Checkout

A best practice checkout with minimal pain points. A particular challenge was to make clear that this was a recurring subscription, not a one-off purchase.

Responsive payment page for Pasta Evangelists featuring credit/debit card, PayPal, and Amazon Pay options, order summary, and secure checkout button shown on desktop, laptop, and mobile devices.
Multi-step checkout flow for Pasta Evangelists showing order review with food items, pasta plan subscription, user details sign-in, delivery information, payment method selection, and order confirmation screen.

Member account

We managed to fit a lot of functionality into the new account section, enabling users to customise their subscription, see and change upcoming orders, personal details, and gain extra rewards by referring friends.

Pasta Evangelists online account page displayed on a laptop and smartphone, showing upcoming orders and a pasta plan with dishes like Lobster, Crab & Prawn Tortelloni and Salmon & Mascarpone Ravioloni.
Three mobile screens of Pasta Evangelists account showing upcoming orders with dishes and prices, delivery preferences including address and instructions, and address book with multiple saved addresses and payment info.
Three mobile app screens of Pasta Evangelists showing past orders with pasta dish images and prices, rewards program details with referral offers, and a detailed view of a past order including dish names, quantities, prices, and a rating section.

Outcome

Outcome

The redesign yielded the following positive results:

  • 16% boost in "double-portion" orders
  • 20% reduction in calls to the help centre
  • 14% increase in subscription value
  • 12% increase in conversions in checkout
  • Up-sell Double Portions, side dishes and desserts.