Be Well, Wellesley

The flow chart for our website, Be Well, Wellelsey. Created with Figma

What inspired us:

During the 2022-2023 school year, Wellesley College stopped offering certain support (like meal delivery) to students affected by COVID-19. As a result, contagious students were forced to enter dining areas to get their meals, putting other sibs and dining workers at risk. In response, Wellesley College students formed the Wellesley COVID Action Plan, a volunteer food delivery service for sibs in need (run through Discord). There are other complications on campus that have arisen from the pandemic. For example, students who come/came down with the virus during the academic year often report(ed) feelings of loneliness as they completed their isolation period. In addition, some students, especially those who needed to leave their room while contagious, reported a lack of masks.

Our project, Be Well, Wellesley was created to address all of these issues in one webpage. Both volunteers and students in need can navigate here to request, or offer, necessary aid.

What it does:

It connects volunteer students with students in need (affected by COVID-19) so that they can help deliver food, deliver masks, and/or provide moral support.

How we built it:

First, we began designing on Replit. However, we ran into problems using flexbox, and, after attending a workshop on Figma, we realized that that platform would be a better fit for us. Thus, we began designing our prototype mainly on Figma, and afterwards, we tried to translate that design into HTML and CSS on Replit.

Challenges we ran into:

Because we are new to coding and Figma, we encountered a steep learning curve. It was a challenge to learn the intricacies of Figma and then code our ideas into a working website.