Project Overview

Ever After is a Taiwanese eatery based in Irvine, California, specializing in a variety of drinks and organic, healthy dining. They also pride themselves in being very pet friendly and part of their profit goes to private homeless animal shelters. Over the course of 3 weeks, I redesigned the landing page and added additional menu pages for easier customer navigation and ordering.

On the home page, I created a navigation bar as well as a focused “About” section that aligns with their brand identity. Testimonials are also included to establish community trust. The footer includes contact information, hours, address, and social media links.

Before redesign: Home page

Ever After Tearoom currently has only one page. I scrolled through the page in order to understand the information hierarchy, which features could be kept, and which features could be improved/expanded on.

The main insights from competitive analysis:

• menus are a standard feature on boba shop websites.

• the way drink detail and ingredients are displayed is very important.

• contact information, location, and social media links can easily be added in a footer for a consistency.

• A third party app does not always provide satisfactory details about the offerings for the customer — they usually want to see that kind of information on the company’s own website as it shows professionalism.

Sketches

My initial sketch consisted of the home page and the menu (drinks, food, dessert, and dog food menus was initially thought to be stacked). The client asked to keep the design simple, so I decided against including more in-depth pages such as careers and locations. This helped me kickstart my low-fidelity wireframe.

After the website audit, competitive analysis, and initial sketches, I created a low-fidelity wireframe that mapped out my idea of visuals, information text, and screens.

I conducted a simultaneous usability test and a user interview for three users on my most recent iteration and gathered further valuable input. The interviews were conducted on Zoom and Discord in order for me to see their screen and track their interaction flow. They had minor suggestions that I used to update my final design.

Main takeaways:

• The design is simple, intuitive, and easy to follow.

• highly appreciated the static header for the navigation buttons and the online order button.

• item popup is good at avoiding clutter on menu.

Competitor Designs

“The links to the full menu on the Specials page are convenient and the scale of everything is visually appealing and easy to navigate.”

— User C

It is important to understand the designs of competitors — especially those that represent the industry standard. These designs are familiar to users.

Transparency with Customers

Iterations are important! It is easy to become attached to the first solution you think of, but be open minded to constant design changes.

🎉 The final design has been handed off to my client. She is pleased with the project outcome and looks forward to implementation in the future. 🎉

If I had more time, I would add an additional section about Ever After’s mission to donate some of their profit to private homeless animal shelters; this feature page would be beneficial for the client.