Diversity in Health Training Institute

problem

DHTI's message was not being clearly conveyed and navigation of the site was confusing, resulting in low site visits, engagement, and inability of finding resources.

competitive analysis

I set out to research other non-profit websites to see how they layout their information hierarchy and display their CTA's and program offerings. I found that these non-profits prioritize donation buttons at the top, middle, and bottom of the home page, to really lock-in the opportunity for users who might've resonated with the message at different points of the experience. Also found that both homepages clearly laid out the non-profit's solutions or impacts to present the user with the message in the first 30 seconds.

finding the solution

I conducted an initial site audit, keeping in mind each user group's goals.

web development

To update dhti.org's current design, I chose a new layout on DHTI's Squarespace and updated it with custom code.

impact/reflection

One of the things I learned from this experience was learning how to deal with constraints from the client but also constraints with the Squarespace platform — making sure it was still easy to edit in the future, but also not too complicated where it extended past my knowledge of HTML5/CSS3.

The updated website was met with high remarks from DHTI's board and staff, and has seen a 32% year-over-year increase in visits since the website's launch.

I learned: