Lapin Pressé is a Montreal cafe that serves local coffee and grilled cheese sandwiches. It is loved by the clientele. The business model is working very well and the owners are planning to extend it by opening new locations.
- Secondary research
- Primary research
- Interaction Design
- Usability testing
- Implementing existing branding
- Design a responsive website of the cafe. Consider carefully what role the website plays in the purchase process.
- Extend coherent branding that aligns with the cafe’s current and desired clientele and customer experience.
"It’s the most familiar friendly place we know. We talk about everything. It's like another level of friendliness."
In this phase I observed and engaged with people to get a better idea of their experience and motivations.
High lever goals
- Who are the people that visit local cafes?
- Why do people visit local cafes?
- How do people go about finding cafes when they travel?
I analyzed over 30 cafe websites. I compared features, design, and overall feel.See the entire spreadsheet.
“It's more than just stopping for a coffee.”
I conducted four kinds of interviews for this project. I interviewed:
- The owner of the cafe to find out about high level goals.
- Two employees to find out about their usual day, pain points, and what is important for them about the cafe.
- Two regular customers of Lapin Pressé and three people who regularly visit their local cafes but are not Lapin Pressé customers. I wanted to learn about their usual visit, pains and gains, and how they go about finding cafes when they are travelling.
In this phase I analyzed and synthesized the information I gathered in the empathize phase.
Persona and Empathy Map
I create a persona and an empathy map to better understand someone who would be using the website.
I decided to concentrate on a person who lives in a different neighborhood in Montreal, that wants to find out more about local cafes and goes beyond a simple google maps reviews.
In this phase I explored the problem space and brainstormed different ways of solving the problem.
Mental Models Diagraming
I used mental models diagraming to summarize my research and understand the problem space.
I conducted a card sorting activity to help organize the website’s content.
Based on the cardsorting exercise and the comerative analysis I created a sitemap.
In this phase I experimented with different solutions for the problems I identified in the previous stages. I implemented the solutions in a paper prototype, which allowed me to improve and re-examine my ideas quickly. After that, I moved on to creating a prototype in Sketch.
Low Fidelity Wireframes
- The participants were able to complete all the tasks both on desktop and mobile.
- The mobile menu was easy to find and use.