Green Moustache
Creating a responsive mobile application

Timeline:
3 weeks
Tools used:
Sketch, InVision, Adobe Photoshop, Adobe Illustrator
Team member:
Jothish and Yayin
About the Company
Green Moustache is an organic juice and live food bar, owned by a local Whistler family. Their inspiration for the business is their three beautiful children. Their focus is to let food act as medicine.
Business Goal
Our initial client brief mentioned that the client is looking for a loyalty and reward program. However, during the in-person client meeting, we t mentioned that the loyalty program might not be the minimum viable product for the app as we were not certain what the user goals are going to be. We ended the client kickoff meeting by establishing the business goals and that is to educate customers about the health benefits of consuming organic food and increase customer engagement by improving business efficiency.
Research
With the business goals identified, we went on to do the research to identify the user goals. We sent out surveys to the existing customer base of the business. The survey results revealed that 72% of the customers wanted learn more about organic food and where the produce is coming from.
Also as part of the research, I carried out contextual inquiry when I was in Green Moustache’s Squamish location to better understand how to marry the business goals and the user goals. I recorded the time each customer spent at every stage of the business process. The business process comprised of six stages: enter, menu, counter, order, served and exit. After the time was recorded, I was able to tabulate the data and draw a graph as shown below.

Graph Interpretation
The x-axis represents business process and the y-axis represents time. Ideally, an efficient business process would result in a horizontal line, however with Green Moustache we could see from the graph that menu and counter are the bottlenecks of the process. After interviewing the customers, we learned that menu and counter are the bottlenecks because customers spend a lot of time looking at the menu and asking questions at the counter because they are unsure of the ingredients in the menu and the health benefits those ingredients bring. This leads to a line up in the store, which might potentially cause frustration among customers.
Minimum Viable Product
With the user and the business goals in place, we were able to establish the minimum viable product of the app to be a mobile ordering system. The app will increase business efficiency as well as educates the user of the health benefits of the ingredients they are consuming.
Visual Design
The visual design for this app started with CCA and user interviews. We looked at different apps that has similar function to our MVP. For examples, Starbucks and Mcdonalds. User interviews were conducted to understand how the users would want the app to feel. These were the four keywords that were mentioned across the board: friendly, clean, minimal and fresh.

To ensure the design stay true to the brand, we introduced the same color palette that was used in the website. In terms of typography, we chose Verlag. The edges of Verlag are similar to the edges of the moustache and the typeface looks clean and minimalistic. It also works well on a mobile screen. A style guide was also provided to the client to ensure consistencies in future design and development.

Prototype

The prototype can be viewed by clicking the link below.
Mobile: https://invis.io/4SD0I8N3F
