This text initially appeared on Column Five.
We like to collaborate with nice companions who encourage us by way of their necessary work. That’s why we jumped on the likelihood to work with George Polisner, founding father of civ.works, as soon as we heard about his imaginative and prescient to show social media into true social motion.
Civ.works is a recent social community that seeks to heal our present social and political divide by connecting residents with one another to have an effect on change. In different phrases, think about a social platform the place posts had been constructive, connections had been real, and you would mobilize IRL across the causes you care about—no matter your politics. That’s the civ.works mission.
The idea actually resonated with us. We strongly consider in community-building. (Our company volunteers together, has quarterly hack days to bring our minds together, and hosts creative gatherings with others in our neighborhood.) We additionally know this sort of motion is particularly necessary within the digital age, when feeds devolve into damaging dialogue.
In anticipation of a public launch, the civ.works crew wanted a correct portal to advertise the platform. We got here on board to create a full model id, in addition to an explainer video and supporting belongings for pre-publicity.
THE BRAND IDENTITY
Constructing a model id is all the time a problem, but it surely’s so much simpler when a model has a really clear, articulated mission. As we crafted the visible language, we aimed to speak the platform’s imaginative and prescient by way of each ingredient.
Brand: Civ.works is a name and alternative for civic engagement, encouraging customers to come back collectively as People to assist break down political boundaries. Extra particularly, it’s all about mobilizing folks to take actual steps towards change. With this in thoughts, we crafted an isometric brand that kinds a set of steps tilted on its facet, which additionally doubles as an summary illustration of the American flag.
Coloration palette: Civ.works goals to make a daring splash, to reenvision how we work together with one another in order that we concentrate on connection and neighborhood. We selected yellow and black to encourage this motion and response. We additionally wished to keep away from the extra political pink, white, and blue. Subsequently, the yellow and black helped reinforce neutrality.
Illustrations: 2D isometric illustrations seem each within the web site and explainer video. For these, yellow is the “loud” colour used to strengthen messaging associated to the platform’s objectives. Easy black-and-white line drawings and typography current a clear, streamlined expertise, permitting different components to face out.
THE EXPLAINER VIDEO
The explainer video additionally options isometric illustrations, counting on visible metaphors and motion to mirror the growth-through-action theme.
[vimeo 203924590 w=640 h=360]
Model colours had been additionally used strategically, as all yellow components within the explainer relate to the problems residents care about: justice, equality, well being, training, and many others.
As a way to generate buzz, we regarded for methods to advertise the social community’s mission—activism and engagement—pre-launch through influencers and publications. By means of a collaboration with PopSugar, we designed a collection of printable slogans for the Women’s March.
The prints which garnered 378 shares and 1,600+ Instagram likes.
Constructing this id was an thrilling problem, which we loved each step of the best way. We’re personally excited to see civ.works develop (hold a watch out for extra enlargement over the subsequent two months), and we hope you’ll test it out.
Need assistance creating highly effective branded content material? Let Column Five hook you up.