Problem statement

In London, people hardly find croquettes as a snack, and restaurant owners find it hard to decide which snack is best. This need is addressed by Noughts & Croquettes with their unique flavors of croquettes for the locals and a wholesale selling plan for restaurants. To accomplish this Noughts & Croquettes need a website where their clients can browse products and place orders with ease.

Solution

We believe that by creating a user-friendly website that gives voice to what Noughts & Croquettes is. Creating an easy product flow, with extra emphasis on checkout flow, easy registration, and an automated re-ordering process, solves the problem of restaurants finding their best snack and people can taste the best flavors.

My Role: UI/UX designer Platform: Website Tools: Figma

Target Audience: Pubs, restaurants, bars

Project Type: Team Project

Design Process

To design Noughts & coquettes website we followed standard design principles

Research

We started with competitive research which helped us to understand food industry after doing the competitive analysis

Competitive Analysis

Key findings

Personas

Empathy Map

Task Analysis

We have focused on the pub owner as our main user. We have framed & looked at one main task analysis to try and understand what the customer might be looking for when browsing the NxC website.

User Flow

With the B2B user in mind, we set out to do user flows

Color and typography

The colors green and yellow were chosen based on their intrinsic meaning of joy, freshness, and energy. The palette was inspired by the logo and used for accents and buttons.

Wireframing

As it is a team project while working hand in hand with the team on all the pages I had the chance to explore, learn, and implement my ideas on the checkout process, testimonials, and profile pages.

Low fidelity

Mid Fidelity

Hi- fidelity's screens and user testing were created and conducted to estimate usability and iterations were made accordingly.

Contact

[email protected]