Vivace Espresso Website

Espresso Vivace, a premier roaster and cafe, is known for their exquisite coffee roasts and unique cafes. A complete redesign of their website was done that blended usability and visuality, while keeping to the brands aesthetics.

Launch website

Opportunity:

With an out-of-date website, Vivace was missing a digital experience that would compliment the ‘real world’ coffee and cafe experiences. By creating a new website it would provide a channel for customers to learn more their products and brand as well as providing a much needed digital presence.

Goal:

Architect and design a website that would both meet the needs of customers as well as be an digital aesthetic extension of the in-store experience.

My Role:

As research lead, I was responsible for developing a research plan and lead on all research activities.

As a supporting designer, I created wireframes, flows and mockups that would be used to inform the final design.

Goal of the research was to get a baseline of information about the customers and their expectations and needs. We also wanted to understand how others in the coffee industry are using digital channels to support their customers and brand.

Research Activities:

Survey
Heat mapping of current site
Customer Interviews
In-Store Observations
Competitive Analysis
Card Sorting
Contextual Inquiries

Personas and user needs (i.e. tasks) were created using research data.

With information architecture and user tasks determined we were able to move forward with designs. It was critical at this point to make sure there was a balance of brand aesthetics and usability.

Sketches
High Fidelity Wireframes
HTML prototype for usability testing
Final High Fidelity Wireframes
Coded and launched responsive website