Using JAMstack architecture3, I built a custom responsive website with Hexo, a static site generator and blog framework built on Node.js. The site includes a custom CMS built with Netlify CMS, an open source content management system designed to be used with any static site generator and Git workflow. I also designed some of the custom artwork and animated gifs for the site, and added multilingual support.
Lead Front-End Developer, Visual Designer
A team of seven people from Color Coded collaborated on the project, including two project managers (who alternated, we like to share), one lead designer, two design apprentices, and one development apprentice. The design lead focused on typography, layout, and overall design direction. The design apprentices contributed original art for the banners and zine covers. The development apprentice focused on accessibility and testing. We worked closely with members of COiL throughout the entire process, from discovery to launch.
During the discovery phase we learned that we would be making a microsite for people with radical politics, rooted in community, who have a habit of retweeting.
So, when coming up with design directions, we asked ourselves:
What if gifs and memes were the driving expression?
How might the design…
adapt to newer/different audiences over time?
help content be accessible to older community members? youth?
reenforce and demonstrate intersectionality?
allow for horizonalism?
Custom Artwork and GIFs
Color Coded is a POC-only transformative space that centers historically-excluded people in the co-teaching, co-creation, and co-ownership of new technologies. Their work supports and amplifies groups and individuals who are uplifting and sustaining communities of color– in Los Angeles and beyond. ↩︎
COiL is a collective of organizers who are deeply committed to ending “cemscawship” (capitalist, eco-murdering, settler colonial, ableist, white supremacist, imperialist heteropatriarchy) and working towards a just world in which people can flourish as full human beings. ↩︎