Mission Statement:
USC Annual Giving is dedicated to fostering philanthropy and engagement within the Trojan community. It connects alumni, donors, and volunteers with meaningful opportunities to support USC’s mission, providing resources and initiatives that drive impactful giving and involvement
The Goal:
Design a responsive hub website that serves as an informative and engaging platform for volunteers. The platform would provide clear access to key giving days, offer various ways to participate, and showcase the impact of volunteer contributions. A crucial feature would be a seamless checkout-style sign-up system, allowing users to easily select their preferred involvement type and initiative for giving days,
Userflow Mapsite
Web Wireframes
Using the sitemap as a foundation, I built low-fidelity wireframes to map out content placement and page structure before moving into high-fidelity design
Style Guides
To keep the design consistent with USC's brand identity, I created a style guide defining the color palette, typography, and UI components used throughout the prototype.
Responsive Web High Fidelity
After a few rounds of meetings with our CMS vendor, we revised several components to better fit technical constraints and improve usability, refining the layout so content stayed strategically placed for readability and interaction. Keeping the user flow in mind, I ensured that key pages could be accessed from multiple points within the site, allowing for a seamless and intuitive experience.
Front-End Development
The CMS platform had limitations for more advanced interactions, I custom coded several components in HTML, CSS, and JavaScript. This included an image carousel in the hero section, three interactive tiles highlighting the Ambassador Network, and an auto-scrolling fundraising events section that dynamically showcased upcoming giving days
