Develop for Good is a volunteer organization dedicated to creating social impact by developing digital tools and applications for nonprofit organizations. The nonprofit, 1Day Sooner, asked us to revamp their website and create interactive data visualizations to reflect 1Day Sooner’s activities and positions on the latest vaccine developments.
Project Managers: Emily Xu (Data) & Alex Hu (Design)
Data: Lilian Wang | Designers: Myself, Sohini Kar & Katherine Yang
We began by individually compiling research on user needs, pain points and overall goals of the existing Squarespace-hosted website. Using this information, we mapped out a user flowchart, keeping in mind the main purposes of each user and the information groupings we had.
.jpg)
We each created our own rough wireframes in Figma based on our flowchart, and narrowed down the versions based on:
For the final design phase, our team divided the website into sections to create independently, based on the rough mock-ups we each created. Additionally, we finalized specific fixed design assets. I was responsible for creating the high-fidelity prototypes for the "About COVID-19 Human Trials" and sections of the "About" page ("Press" and "What We Do").
After our last round of feedback with 1Day Sooner finalizing and polishing our high-fidelity wireframes, we implemented our designs into Squarespace.
One challenge we immediately realized was that not all of our ideas could be implemented using the Squarespace platform. For example, we were interested in having submenus within pages to better organize information and reduce clutter, but this was not an element provided in Squarespace. To resolve this problem, we learned how to perform code injections using HTML, CSS, and Javascript, which allowed us to fully recognize and implement our designs.
Our final design fully accomplished our goals for the redesign. From our main requirements and goals, we:
