Kindness & Mischief
Project duration: 1 week
Project type: Website Redesign
Tool: Figma, UsabilityHub, Zoom
​​
​
Overview
Kindness & Mischief is an AAPI woman-owned coffee shop nestled in Highland Park, one of Los Angeles' most historic and eclectic neighborhoods. They are active participants in local events, fostering connections and celebrating its unique cultural identity.
Problem
Although K&M’s current website features a visually appealing design, it falls short of capturing the shop’s lively spirit and the rich narrative behind its founding. It also lacks a compelling way to showcase its deep ties to the community.
Goal
My objective was to create a digital experience that authentically reflects K&M’s distinctive story, unique aesthetic, and vibrant neighborhood presence. I aimed to highlight their involvement in community events and help users feel a meaningful connection to this beloved local coffee shop.
​
​I created a new web design concept for a POC, woman owned coffee shop in Los Angeles. My objective was to create a digital experience that highlighted K&M’s their humble beginnings and active community involvement while reflecting their unique, vibrant style.
User
Research
After conducting several interviews, recurring words used to describe the user experience were: stressed, confused, and hopeless. Many of the users couldn't complete the task of finding information on Dream College Academy.
​
The website was overfilled with text, a convoluted site map, and oversized and distracting media.
Hueristic Evaluation
Users were lost and overwhelmed with all the busy text on the homepage. It took the participants an average of 47 seconds to complete the task. Many users expressed wanting to drop off from the site.
There is no clear indication that this is the Dream College Academy landing page and no clear exit path. The menu bar suddenly disappears once entering the page.
In the first-click test, some users selected the title card because they were tired of looking through the page and it took up the most space on the page.
This title card does not highlight any of her services.
Site Map
The original site map used unfamiliar labels and felt unclear to many users. I went with a more traditional menu and created a separate "Shop" tab since Dr. Colòn also wanted to promote her new book. Now parents could find the services that align with their needs and shop for products that suit their interests.
Initial Designs
Usability Testing
After running another first-click test the new sitemap proved to be more successful. Users completed the task in an average of 24 seconds. This is about a 50% improvement from the original design.
