Website • B2B/B2C

Trin'Naz Helping Hands

Sole UX/UI Designer • Team Of 3

Volunteered to improve design, messaging, and functionality for a 48in48 event, which builds 48 nonprofit websites in 48 hours pro bono.

Problem

The original website for Trin’Naz Helping Hands lacked the clarity and structure needed to effectively support its mission. A disorganized font hierarchy caused visual confusion, making it difficult for visitors to navigate or focus on key information. The stark contrast between pure black and white elements contributed to eye strain, while an absence of white space made the site feel overwhelming, more akin to a dense terms-and-conditions document than an inviting nonprofit resource.

Additionally, the site suffered from content overload, with excessive information that lacked clear direction, a concern echoed by the nonprofit’s leadership. Critical functionalities, such as an online donation system and a contact form, were completely absent, limiting the organization’s ability to engage donors, volunteers, and individuals seeking help. Without these elements, the site failed to serve its primary purpose: connecting people with the support they needed and mobilizing the community to take action.

With only 48 hours to transform the site, I needed to quickly assess its weaknesses, streamline the content, and implement a visually compelling design that aligned with Trin’Naz’s mission.

Solution

My approach to redesigning the Trin’Naz Helping Hands website focused on improving readability and engagement while reinforcing the organization’s brand identity. I worked with the existing logo as the foundation, selecting warm, inviting colors like orange and sage green to evoke a sense of hope and community. By incorporating ample white space and a well-defined visual hierarchy, I guided users’ attention to key calls to action.

I rewrote and restructured the site’s copy to be skimmable, ensuring that visitors could quickly find the information they needed, whether they were seeking assistance, looking to volunteer, or interested in making a financial contribution.

To highlight the organization’s impact, I prominently featured key metrics, such as the number of individuals sheltered and households receiving rental assistance. Additionally, I introduced crucial missing functionalities, including an online donation system and a contact form, to facilitate engagement and support.

Throughout the intense 48-hour sprint, I maintained close communication with my team via Slack, adapting designs in real time to streamline development. By the end of the event, we had created a user-friendly, visually cohesive, and purpose-driven website that empowered Trin’Naz Helping Hands to better serve its community.