Race for the Light Case Study

I work often with a Florida based non-profit called Lumen Vitae, which makes education accessible to  students in Haiti, and in 2022, we planned a fundraising campaign called “Race for the Light”. I was involved with the initial planning, and when the time came to design a website experience that could simplify the process for understanding the campaign, I volunteered to drive the effort. I worked over a couple weeks with a friend to design a mobile and desktop page that could quickly and clearly communicate the message.

design process

Unlike our my other projects, this one was a far more focused and specific prompt. Unlike the other experiences, which were driven more by product functionality, this one was focused on communicating concisely. There is definitely overlap in the thinking methodologies, but generally, we were more focused on formatting, typography, placement, and ordering than we were imagining interactions and functionalities.

My simple preliminary sketches.

First iteration of a lo-fi prototype.

After creating and testing these first basic wireframes and a low fidelity prototype, I put together a color scheme, logo, and typographic hierarchy which we implemented throughout the pages. In terms of content, our primary challenge was how to communicate the two overlapping race options: an in-person race and a month-long virtual race. Leaders in the organization had differing opinions on which experience should be primarily emphasized, which required balancing the opinions of various stakeholders leading to our final design.