Amazon Header Image

Website Redesign

Blendees

Context

10 weeks / June 2021 - August 2021 / Power Up

Role

Product + Visual Designer

Team

Jodie Li, Nicolette Shin, Adrian Rodrigo-Valdez, Rou Wen

Background

Spearheaded by UC San Diego’s Design Co, Power Up is a 10 week summer design program that gives real-life opportunities for underrepresented students to collaborate with BIPOC and minority-owned small businesses for design and marketing work.

My team was paired with Blendees, a Black-owned smoothie shop located in El Cajon, San Diego. Hoping to promote affordable and nutritious eating in their community, Blendees has a mission to “drink healthy and be healthy.” 

WHAT I DID:

  • Conducted user research and usability tests to inform design decisions
  • Lead the project's visual direction and refined the brand
  • Prototyped the homepage, menu, contact, and about us page. Live now at blendees.com

Problem Space

Like many other small businesses, the COVID-19 pandemic has also impacted Blendees’ and they were seeking a way to revitalize their sales. Although they have a website, Blendees felt like there was more potential to showcase their offerings, and wanted to take advantage of business-metrics tracking to reach out to new customers.  

With that said,

How might we revamp Blendees’ website and marketing campaign to create an engaging experience so that they can expand their customer base and stand out from their competitors?

So, how'd we do that?

User Research

Examining the nooks and crannies

Our team performed a website audit to analyze the current structure of Blendees's website, and found notable need for change in terms of website structure:

  • Everything is contained onto one singular page (the homepage)
  • The hero image is cut off
  • Review section takes up a lot of valuable space, including reviews that do not have comments
  • The online menu is disengaging and not very informative as a food business

Blendees's Original Website

Iterations

Sketching it out

Wireframe Testing

A gif showing how Carbon Offsetting can be included in Amazon checkout.

Let's Get Hi-Fidelity

Final Designs

After 10 weeks, we freshened up Blendees’ website with a complete redesign that incorporates visually engaging elements and actionable items such as online ordering to peak the attention of new, curious customers. By creating an engaging website that showcases Blendees’ offerings in their own unique tone, this encourages users to interact with the website as well as provide Blendees with information on where online traffic is concentrated. 

01 / Homepage

Reorganized site map with easy navigation to Blendees's services.

02/ Browse a visually engaging menu.

Freshened up Blendees's previously image-less online menu with playful product images and doodles that align with the business's friendly identity.

03 / Staying in touch.

Provide a space for users to contact Blendees while also promoting their catering services.


The Full Run Through

No items found.

Takeaways

Use your resources. 🌎

Since it was the first time I took initiative as a visual designer, this project pushed me to be a self-starter. I wasn’t too familiar with the logistics and key components of creating a style guide or refining a business brand in general, so I often read articles in my own time and watched online tutorials to learn how to use Photoshop to create logo variations for my project.

That's the beauty of teamwork. 🎉

While this project taught me to be resourceful, I also learned to lean on my teammates whenever I needed extra help and be multidisciplinary. Because I had an interest in UX Design, I reached out to the UX Researcher and Designer on my team and joined them at every meeting to participate in the UX process. 

Read our full case study here!