top of page

OneCause Supporter Site Project

For my internship at OneCause I was tasked with auditing the overall user experience for their supporter site, focusing on assessing usability and visual consistency on mobile platforms.

Approach

I conducted this audit using both desktop and mobile devices, referencing usability heuristics to analyze consistency and comparing the OneCause event page with those of competitors, contrasting the differences in UI/UX.

Interested in checking out the presentation materials I made for the project? Click the links below to view.

Process

I started this project by approaching the supporter site with a fresh set of eyes. As an intern who was previously unfamiliar with the product, I was able to apply my knowledge of UI/UX from the perspective of a user. 

Screenshot 2025-07-16 at 11.20.42 AM.png

After analyzing the supporter sites of relative competitors similarly, I identified the main differences present across the products. Namely, using market research and heuristic study, I took time to compare the supporter site against the functionality of competitors, thereby defining new ways to improve the site.

Screenshot 2025-07-18 at 2.16.16 PM.png

Moving forward with the design, I settled on creating a new navigation menu. Settling in on a hamburger and slide-down menu, I optimized user traffic and accessibility by making the new menu unintrusive, prioritizing visibility. Theses designs were finalized through my LOFI sketches

IMG_5256.png
IMG_5257.png

The HIFI mockups helped to create a more concrete plan of approach, allowing me to have a more formal visual for critique from my coworkers.

Screenshot 2025-08-14 at 7.31.33 AM.png
Screenshot 2025-08-14 at 7.31.25 AM.png

Finally with protoyping, we can start to actualize my vision. creating and interactable version of m design. To accomplish this I mapped out what a user flow would look like when navigating this new menu. using that userflow, I was able to visualize those interactions into a functional prototype, which is avaible to demo on the figma file linked at the top.

2_edited.jpg
red_edited.jpg
1_edited_edited.jpg
2_edited.jpg
red_edited.jpg
1_edited_edited.jpg
2_edited_edited.jpg
bottom of page