Mimi’s Handmade Website Redesign

In this project, we were tasked to redesign the website of a thriving local DMV business, Mimi’s Handmade Ice Cream. Mimi’s Handmade Ice Cream is well known for their delicious array of frozen sweet treats in unusual flavors. It is their rich family tradition and strong cultural background that bring life to the company.

NOTE:
This project was a joint effort by Sachi Carlyn Lozano and Sarah Newman. This page reflects my contributions to the project.
The logo of the company was provided by the client

OLD SITE

Screenshot 2025-01-24 at 2.13.25 PM.png
Screenshot 2025-01-24 at 1.57.17 PM.png
Screenshot 2025-01-24 at 1.57.25 PM.png
Screenshot 2025-01-24 at 1.59.40 PM.png
Screenshot 2025-01-24 at 2.00.08 PM.png
Screenshot 2025-01-24 at 2.00.17 PM.png
Screenshot 2025-01-24 at 2.00.26 PM.png
Screenshot 2025-01-24 at 2.00.39 PM.png
Screenshot 2025-01-24 at 2.00.54 PM.png

REDESIGNED SITE

Developed on Webflow — The published site can be viewed on https://team-red-mimis-handmade-icecream.webflow.io/

REDESIGN OBJECTIVES

  • Create more foot traffic in store locations across the DMV

  • Generate more inquires regarding the company’s catering services

  • Improve overall usability and accessibility of the website

In order to observe current user behavior and identify pain points of the current site, I conducted 5 user tests (3 for desktop and 2 for mobile) asking users to complete a series of 12 tasks. These tasks tested how easily users navigated the original website, assessed how intuitive the website’s structure currently was, and evaluated the accessibility of key information.

NOTABLE FINDINGS:

  • Users took the most time finding soft serve locations, details regarding specific products, and contact information for specific locations

  • Users struggled with legibility across the website

  • Users found the navigation of the website confusing

PHASE 1: USER TESTING

PHASE 2: SITE MAPPING AND WIREFRAMING

PHASE 3: IMPLEMENT NEW SOLUTION

  • Simply navigation

  • Consolidate and reorganize key information

  • Apply accessible and cohesive design elements

  • Made Mimi’s logo a clickable button to return to the home page to declutter the navigation bar.

  • Removed the more section in the navigation bar and reorganized information nested under this section in other parts of the website.

  • Made the home page a portal to other pages in the website. Each section of the home page prompts users to check out other notable pages in the website.

PHASE 3.1: SIMPLIFY NAVIGATION

PHASE 3.2: CONSOLIDATE AND REORGANIZE KEY INFORMATION

  • Consolidated the previously separated flavors and menu pages into one menu page as user tests revealed confusion in determining the different purposes of these related pages on the old site.

  • Moved news articles about the company from the home page to the about us page

  • Connected their Instagram page to the about us page to ensure the website remains updated

  • Added a reviews section in the catering page as one of the company’s goals was to generate more catering inquiries and reviews often give brands credibility and encourage consumers to avail of a service

PHASE 3.3: APPLY ACCESSIBLE AND COHESIVE DESIGN ELEMENTS

After completing the redesign, we had users test the new website using the same tasks that they accomplished prior to the redesign.

Among all 5 respondents across 12 user testing questions our revamped site saved an average of:

  • Desktop (1 minute 17 seconds)

  • Mobile (2 minutes, 9 seconds)

KEY RESULTS