Overview

La Cocina is a non-profit restaurant incubator based in San Francisco. They were looking to independently revamp their site and asked us to redesign their catering experience and flow.


Goals

La Cocina wanted to emphasize the story of their entrepreneurs' business endeavors, while showcasing their work, educating visitors about the catering process, and simplifying the request process.

Outcome

I currently work with the client's developers to build our suggested user interface and catering flow. They liked what we came up with so much that they decided to use the homepage design we suggested, which was outside of our initial deliverables. 


Skills, Methods &Deliverables:

  • Affinity maps 
  • Research & testing
  • Client Facing  
  • Clickable, Digital Prototype 
  • Interviews 
  • Journey maps 
  • Personas 
  • Survey design and execution
  • User Flows
  • User Journey Maps 
  • User Testing
  • Visual Design
  • Wireframes 

Tools Used: 

  • Sketch 3 
  • Adobe Illustrator 
  • Adobe Photoshop
  • Omnigraffle 
  • Invision


To learn more about the process involved for this case study, read on....


Discovery, Research & Testing

Concept Mapping - (click to enlarge)

This was to work through and synthesize concepts we'd been hearing: the public idea of catering, La Cocina's brand identity, and what services they provide. 

 

Client and Research Take-Aways:

  • Brand attitude: "Folksy and friendly" 

  • The decision process to choose a caterer: cost, quality, reliability, recognition, giving back to community, etc.

  • Confusion about what catering is: ordering food items? or trusting event management to make the decision

 

Personas

Major Discoveries: Too many questions = user anxiety 

"Wait, is this form my only chance to communicate with the caterer? I have more details than this question informs them about!" 

- Ross, FORM DESIGN TESTER # 8

 

Messy User Experience Mapping in progress (click to enlarge)

  1. Generally, any catering process starts out with some degree of stress and anxiety. 

  2. Long forms bring ANXIETY, users desert their task.

  3. Reassurance through education and feedback imparts a good feeling for users. 

(click to enlarge)

Defining Frameworks

Re-concepting the Request Form

Form concept - 1st iteration. Accordion-style page interaction within same page.


Turns out, La Cocina has little capacity to devote to requests from the site, so, when it comes to request forms, they needed more of a filter. 

But, Can A Form Be Too Simple?


Second Form Concept:

Catering request form (left) and Request Feedback message (right)   [click to enlarge]

Catering request form (left) and Request Feedback message (right)   [click to enlarge]


Homepage

After

Before

Catering Page

Before

After

 

 

How the re-design flows:

 


La Cocina loved the work so well, they decided to use the overall concept as the model for their entire site re-design.

They are currently working to build this design.

Outcomes: 


I can't reveal everything, but for a brief taste:

Instructions: Go through the site straight to the catering page and try to sign up/start a catering request