Lemoine Hot Bagels

UX Design & branding for a local bagel restaurant

Overview

My team was tasked with designing a website for Lemoine Hot Bagels, a small family run restaurant. Our client was interested in expanding their catering services and also developing a clear branding.

Roles: Scrum Master, UX Researcher, Lead UX Designer, Photographer
Methods: User Interviews, Affinity Mapping, Journey Mapping, Wireframing, Usability Testing, User Flows, Prototyping
Tools: Figma, Adobe Photoshop, Miro
Team: 4 UX Designers, 2 Developers
Type of Project: Client Project for Lemoine Hot Bagels

User Research

who: 10 users who had previous experiences with ordering catering from local restaurants. I

how: 20-30 minute long interviews done through phone or zoom.

sample questions:

“Tell me about the last time you catered an event”
“How did you decide on a caterer?”
”How often do you buy breakfast on your way to work?”
”Why did you choose that specific restaurant?”

User Insights

After conducting interviews we synthesized out data using an affinity map and here are some of the insights we found:

  • I care about my caterer’s reviews/reputation

  • I want clear information about the food I’m ordering

  • I want to know about specialty food items

  • I like to communicate directly with the restaurant

  • I want to find out more about the restaurant online

  • I want a clear menu on the website

    see full affinity map here

User Personas

Using the insights we gathered from research we created two personas:
Emily, an HR manager interested in getting an event catered and Ben, a freelance developer who commutes to work in NY.

Screen Shot 2020-12-15 at 10.43.19 AM.png
Screen Shot 2020-12-23 at 12.29.43 PM.png

User Journey Map

Screen Shot 2020-12-21 at 2.06.49 PM.png

Branding & Style guide

Lemoine Hot Bagels is a restaurant with a lot of history so we wanted a branding that would highlight its old school charm. We chose a color palette and typography that would give the website. a funky, retro vibe. We also made sure to incorporate the restaurant’s classic neon sign into the logo as well.

LHB Styleguide.jpg

High-fi Wireframes

High-fi Screens (LHB) 2 .jpg
Previous
Previous

On The Stage

Next
Next

Relay Delivery