What’s For Dinner?
Meet W Cafe Chino Hills, a popular family-owned Asian restaurant in Southern California. Specializing in uncommon Chinese dishes and featuring a plethora of teas, the business has been serving customers since 2010. They wanted our help to update their website and increase the amount of online orders they got.
The Client: W Cafe Chino Hills.
The Objective: Increase site traffic and online food orders.
Who’s Hungry?
To create a website where customers would want to order food and customizable drinks, we had to first learn who went to W Cafe. In our findings, two types of customers frequented the restaurant. We created generalized personas to put a personality to these customers.
Once we learned the types of patrons who went to W Cafe, we could proceed with specific goals in mind.
What would you like?
Scenario 1: A busy customer is ordering several entrees to take home to their family after they get off from work. The steps would look like the following:
Scenario 2: A customer wants to make sure their custom drink tastes, and looks, exactly how they want. The steps would look like the following:
Based on these scenarios, we realized that the new website would need to prioritize blocking multiple meals together and make it easy to see what a customer put in their cart. The new website would also need to show what a customized drink would look like and make the ordering process seem intuitive considering that it would include more steps.
Where Are We Going?
The client indicated that their business was a family restaurant aimed at providing a welcoming atmosphere and cultural comfort food. Based off this info, we designed a website around a casual typeface and two warm colors adapted from the original W Cafe Logo.
What’s Cooking?
When conceptualizing the website, we wanted to make sure the personas we identified were represented on the landing page. To increase the amount of online orders W Cafe would receive, we made sure to keep the delivery tab prevalent. We also made the customization feel interactive when adding multiple meals to the cart and building a drink.
The following wireframes express the direction of the new website.
Order Up.
The redone W Cafe website features large sections, high quality visuals, and a new importance on online orders. The logo and interface has been updated to look cleaner while still maintaining the feel of the original. Decisions are now more interactive and customers can see exactly what’s in their cart when ordering multiple meals or drinks.
Who wants seconds?
The new W Cafe website features everything a modern restaurant would want with, as requested, an emphasis on increased orders all while staying true to the original business ideals of comfort and cuisine.
