El Segundo For Black Lives
The design is driven both by the purpose and goal the organizers would like the website to achieve, as well as the visitor's experience.
To start the design process, I met with the client to discuss requirements, and the goal of the website. My objective in these interviews were: 1) understand my clients goals, as well as the goals of their intended audience they they understand them; and 2) list what the requirements of the projects are.
Audience Specific Goals
Create brand recognition (explaining who we are, what we do). Provide wider outreach to a more diverse audience using events and social media.
Engage more committed volunteers. Create excitement around events and projects. Provide volunteers an easy way to sign up through the website.
Serve as a communication tool for current members & press. Publicize information and updates for both members and the press.
Ease of update
Should provide an easy way for a volunteer to learn how to update an event, and create posts. The design interface should be easy to use so if updates in the images and the copy of the website is needed, it can be easily done by another person rather than the web designer.
Organizers should be able to post announcements, accept donations, embed youtube videos, write blog posts, allow for mailing list sign up and volunteer sign up.
Look and Feel
The look of the website must convey a sense of trust, power, as well as professionalism.
After the interview, I compared several website building platforms including Wix, Squarespace, Webflow, and Wordpress.com, and finally recommended Squarespace due to the ease of update it provides for the organizers, as well as the professional and stable templates the platform offers.
Creating the sitemap helps getting stakeholders onboard on the organization of the website.
Iteration one of the sitemap is simple. The stakeholders were able to comment on it and use it as a reference in discussions.
This is the final iteration of the sitemap.
With the audience specific goals and the requirements in mind, I created wireframes and collected feedback on them from the stakeholders and collaborators. Before moving to designing on Squarespace to build the website. These wireframes also helped my collaborators to write the appropriate copy for the site.
I followed the branding style guide created by our graphic designer, Jennifer Hwang.
Some more iterations of the site are created on Squarespace to fine tune the website.