Womankind Worldwide Make Connections Campaign
A campaign brand, interactive mobile game and UI system designed to raise awareness of violence against women and girls through storytelling, activism, and discovery.
Pattern Library – Buttons
A modular button system including primary, secondary, game navigation, and dot buttons with all interaction states.
Pattern Library – Progress Indicators
Game progress and bonus level indicators with visual states for inactive, active, completed, and full-game completion.
Game Landing Page
Landing screen introducing the game, featuring a bold headline and primary CTA to begin
Welcome Screen
Welcome message with game progress tracker in its inactive state and a clear call to action to start.
Gameplay – Dot to Dot (Start)
First game level showing the dark background and interactive dot grid ready for the user to begin connecting.
Gameplay – Transition (Image Reveal)
Mid-transition state as the user completes the level — an image gradually becomes visible behind the connected dots.
Gameplay – Full Image with Info
Completed level showing the full-colour revealed image with overlaid information about the featured person.
Game Complete Screen
Final screen congratulating the user, revealing the bonus level, and offering shareable downloads and social actions.
We partnered on
Visual Brand includes
Logo design
Brand guidelines
Colour palette
Typography system
Social media templates
Brand campaign including campaign identity, UI pattern library, and interactive game.
Verbal Brand includes
Brand tone of voice
Messaging strategy
Digital Design includes
UI pattern library
Interactive game design
Our team
Elizabeth Elcoate - Visual Design Lead & Brand Strategist
Mike Williams from Civic - Project Lead, Brand Strategist, Writer