Case Study

MADRE

Partner Since 2015

MADRE empowers women champions of social justice.

MADRE's network of grassroots partners are working in their communities around the world to stand up to violence against women, fight for climate justice, and respond to natural disasters. However, MADRE's old website didn't tell that story or engage new users.

Two phones displaying MADRE's website.

We built a site to connect new supporters to MADRE's work.

We created an architecture that shows the connections between MADRE's core mission and the grassroots organizations doing the work in their communities. Our content strategist curated MADRE's wealth of content to create pathways to engagement and demonstrate the depth and breadth of MADRE's work.

We rethought, redesigned and rebuilt from the ground up.

  • Information Architecture
    • Content Strategy
    • Site Hierarchy Strategy
  • User Experience
    • User Personas / User Goals
    • UX / UI
  • Visual Design
    • Responsive Design
    • Atomic Design
  • Ongoing Support
    • Design Support
    • Iterative Development
  • Strategy
    • Campaign & Fundraising Strategy
  • Development
    • Drupal Administration
Design
Visualizing Connection
Kim Lai
Lead Designer

“When we started to think about the user interface for the new site, we wanted the design to illustrate the connection between MADRE and their partners, the user with the stories we were telling, and, on a general note, how everyone is interconnected. Running with this idea we incorporated lines throughout the design to connect each piece of content with the next. In addition, the lines help move the user from the top to the bottom of the page.”

Authentic Imagery

MADRE's partners have supplied striking images, showing the people MADRE serves and the places they work. We highlight MADRE's images throughout the site, using them to drive engagement and calls to action.  

Laptop displaying MADRE's homepage.
BUILD

Flexible storytelling tools.

MADRE has an abundance of content; our challenge was to present it beautifully and effectively. We built their site in Drupal, and leveraged a set of modular site components called Paragraphs. Building the site with Paragraphs allowed us to create a visual library of easy-to-configure page elements that allows MADRE's communications team to create new content and new campaigns within the established visual language of the site, all without code.

We connect users to powerful stories. 

How can Giant Rabbit help you?