Advocacy

Advomatic was created to help mission-driven organizations build a better future, and we’re particularly proud of our work with advocacy organizations like yours. Our sites for organizations like the ACLU, Community Solutions, and Global Zero provide nonprofits with top notch design, a flexible backend usable by even your least technical administrators, and all the tools you need to share information about your work, promote effective campaigns, and educate users on the issues you care about. Take a closer look at our work with advocacy organizations:

Access the Vote – Accessibility Remediation

Accessthevote.org is a Florida-based resource from Disability Rights - Florida to assist voters with disabilities through the unique challenges of going to the polls. Because of their audience, it was extremely important for them to have top-notch accessibility.
Details about Access the Vote – Accessibility Remediation »

Access the Vote – Accessibility Remediation

 website screenshot ×

ADL Hate Crimes Map

To create the interactive map component to the existing Anti-Defamation League (ADL) website, Advomatic partnered with Graphicacy, a data visualization team that works specifically with mission-driven organizations.
Details about ADL Hate Crimes Map »

ADL Hate Crimes Map

 website screenshot ×

Corporate Accountability International

CAI's mobile-friendly Wordpress website empowers them to communicate with activists and funders, implementing their new brand.
Details about Corporate Accountability International »

Corporate Accountability International

https://www.corporateaccountability.org/

 website screenshot

Corporate Accountability (CAI) works to stop transnational corporations from devastating democracy, trampling human rights, and destroying our planet.

CAI's new mobile-friendly Wordpress website is easy to manage and use, empowering them to both engage with funders and serve resources up to their activist constituencies--part of their audacious goal of doubling their membership within five years. We implemented CAI's completed rebrand project, unifying CAI's mission, work, and values in a single platform. The new site allows staff to more effectively keep content fresh and meet the needs of of their users.

×

ACLU Affiliate Templates

The ACLU's 50+ state affiliates have separate websites, with divergent branding and separate web teams duplicating efforts. After Advomatic built the new site for ACLU National, they came to us looking for a solution. Each affiliate needed to be able to start with a website template that they could customize to their needs, while still being able to share improvements with the other affiliates.
Details about ACLU Affiliate Templates »

ACLU Affiliate Templates

 website screenshot

For almost 100 years, the American Civil Liberties Union has worked to defend and preserve the individual rights and liberties guaranteed by the Constitution and laws of the United States. The ACLU protects Americans’ freedom through a network of offices in every state, Washington, D.C., and Puerto Rico.

Those 50+ affiliates were all supporting separate websites with divergent branding. Each affiliate had separate web teams that were duplicating efforts. The sum of the parts was less than the whole. After Advomatic built the new site for ACLU National, they came to us looking for a solution. Each affiliate would ideally be able to start with a website template that they could customize to their needs, while still being able to share improvements with the other affiliates.

Key requirements

  • Unified branding, with an eye-catching design inspired by the ACLU National website.
  • Multilingual content. Many affiliates do advocacy in and for the hispanic community. These websites need to be able to translate any content into Spanish. Some affiliates even have all-Spanish websites, so the platform needs to be fully translatable.
  • Migration. Some affiliates had web content going back almost 20 years, on a wide range of CMSes (including Drupal, WordPress, and static sites). There is a system for affiliates to migrate their legacy content from any of these systems.
  • Flexibility. While any website needs flexibility (will there be 5 upcoming events, or none?), this is a whole new level. What if the affiliate doesn’t have events, publications, campaigns, or chapters? The site needs to be able to accommodate this, without having big gaps. This is especially challenging with the main menu.
  • Customizability. Some of the affiliates are substantial organizations whose legacy websites were large and very tailored to their needs. The new affiliates platform needed to allow these larger affiliates to make substantial customizations to the system. At the same time, this flexibility should not make it more difficult to manage the more straightforward affiliates. This is accomplished by leveraging Pantheon’s custom upstreams.
  • Content Syndication. The ACLU wanted to give the affiliates the ability to keep their sites fresh by pulling in select news posts and actions from the National site. We built this feature as a mini-improvement project about six months after the first affiliates went live.
×

ActionAid USA

ActionAid worked with us on a visual redesign and a migration to a new platform — WordPress.
Details about ActionAid USA »

ActionAid USA

https://www.actionaidusa.org

 website screenshot

ActionAid USA invests in communities around the world to empower people to work towards solutions for poverty, climate change impacts, women’s rights, and other local issues.

ActionAid’s previous website was tied to a platform with 20+ other ActionAid country sites, which made it difficult for ActionAid USA to tailor their content for audiences in the US and to feature multimedia from their staff around the world.

After a discovery phase where we defined technical requirements and provided feedback for the design team, we built a custom, responsive theme that features images from around the world and includes widgets for filtering ActionAid’s library of news stories, press releases, publications, and case studies.

The site runs on WordPress, an open-source content management system. ActionAid staff can create a variety of post types with structured fields and categorize their content by both issue and region. The homepage features a dynamic listing of recent content, with infinite scroll and in-page search and filtering.

The site also incorporates ActionAid’s third-party donation platform and newsletter subscription form, so visitors can seamlessly make a donation or sign up for newsletters.

×

ACLU

The ACLU came to Advomatic with the need to upgrade their site and to redesign it with a focus on improving site usability for all, including those with disabilities.
Details about ACLU »

ACLU

https://www.aclu.org/

 website screenshot

ACLU-screenshot-1024x5891-1024x589

 

This was Advomatic's largest project to date, spanning over a year and a half and requiring over 3,000 development hours. Our agile process also evolved along with the project, adapting to challenges and smoothing out rough spots. 

 

aclu-issue

 

The new site needed to meet strict accessibility guidelines and be WCAG 2.0 compliant. The ACLU's commitment to accessibility did not stop with the public-facing portion of the site but extended to the parts of the site used by administrators and content managers.

 

aclu-blog-mobile

 

Advomatic also created a back-end that is both highly flexible and rigorously accessible for a diverse group of distributed content publishers with varying technical skills. Users can change not only the content but also the layout of their pages. Site managers have a library of 75 pre-built components that they use to adjust the content and layout of their pages. Users can easily embed media including video, photosets, and captions. The ACLU also asked that we build a faceted site search that makes it easy for visitors to filter their search and view only the most relevant results.

 

aclu-aff-mobile

 

Since the site's launch we continue to work with the ACLU on additional projects, and are currently working on a project to provide a platform for the creation of ACLU Affiliate sites.

More about this site

×

The Annenberg Foundation

Annenberg.org is the primary face of the Foundation, so the presentation of the content needs to be of extremely high quality. This was an excellent fit for our team who aspire to bring the highest quality to all of our work.
Details about The Annenberg Foundation »

The Annenberg Foundation

https://www.annenberg.org/

 website screenshot

The Annenberg Foundation is a family foundation established in 1989. The Foundation supports the worldwide community through its grantmaking, technical assistance and direct charitable activities. Each year the Foundation gives grants and donations totalling more than $100 million both within Los Angeles and around the world.

 

annenberg-mobile-portfolio2

 

Historically, the Annenberg Foundation used a small team of contractors to build and maintain its web properties. However that model was showing its limitations. The Foundation came to Advomatic knowing our history of delivering ambitious web projects on time and on budget. We were also able to integrate their contractors into our team. This gave us direct access to the institutional knowledge of their past projects.

 

annenberg-mobile-portfolio3

 

Key technical requirements delivered:

Quality

Annenberg.org is the primary face of the Foundation, so the presentation of the content needs to be of extremely high quality. This was an excellent fit for our team who aspire to bring the highest quality to all of our work.

The Annenberg Foundation has a strong focus on photography. Annenberg.org is built of many media-rich pages that need to show many large, high resolution images, while not sacrificing performance.

Accessibility

We are passionate about accessibility, because we've experienced the need for it. In 2015, one of our team members passed away from ALS, and for several years he used assistive technologies to use his computer and access the internet. We build a high level of accessibility into everything that we create. Annenberg also wants to ensure that everyone has equal access to their website. Here’s how we made that happen:

  • Our default starter kit has several security enhancements that puts us in an excellent place before we even start building the site.
  • Our development runs in two week cycles. After every two weeks we have a formal testing process including both manual testing and automated tools.
  • The back end of the site provides tools for administrators to improve accessibility, for instance, choosing the contrast of text on top of images.

 

annenberg-mobile-portfolio4

 

Easy to Manage

Some of the Foundation's past web projects have had difficult-to-use administrative interfaces. This is something that many of our clients have struggled with from past vendors. It's easy to build a site that matches design comps, but is impossible to make changes. In contrast we want the websites that we build to be loved by the people that manage the content.

  • It’s built-in to our process. After every two weeks we have a formal testing process where we walk through the features that we just built from the perspective of an administrator, ensuring that everything just makes sense without the need for looking it up in a manual.
  • Flexible layouts. Administrators can use a drag-n-drop interface to move components around the page.
  • Media Library. Even for websites that don't feature curated photography, having an easy to browse library of all the media used on the website makes it much easier to find that photo that you want to reuse. But for a site like this it's a must-have.

Future-proofing

Every page can be completely changed

Content of every type starts with a default layout and default components. But every page on the site can be changed. If content creators want to remove components from the sidebars to focus attention on the main content, they can do that. If a particular piece of content becomes more complex than what’s typical, the content team can easily and completely change the layout of that single page in a way that works with the content. All without requiring a web developer to change the code or configuration of the site.

Flexible building-blocks to create new landing pages

Every organization changes. In five years the important issues that The Annenberg Foundation focuses on will be different than those of today. As new issues come into the spotlight, the Foundation can restructure the site to bring attention to those issues. Content administrators can create new landing pages made from a library of 37 editable components.


Since the site's launch we continue to work with the Foundation on additional projects, and are currently working on a project to rework the AnnenbergPhotospace.org to better support the unique needs of presenting curated photography on the web.

×

NAMA: Northwest Atlantic Marine Alliance — Migration to Drupal 8

NAMA looked to Advomatic to upgrade their aging website to Drupal 8, while also giving the website a much needed redesign. This was our first project in Drupal 8 and we were one of the first pioneers to attempt a migration from an older version to Drupal 8.
Details about NAMA: Northwest Atlantic Marine Alliance — Migration to Drupal 8 »

NAMA: Northwest Atlantic Marine Alliance — Migration to Drupal 8

http://namanet.org

 website screenshot

Namanet.org screenshot

 

NAMA is a fishermen-led organization working at the intersection of marine conservation and social, economic, and environmental justice.  It's a fantastic cause and wonderful organization that does a lot of great work to help the fishing communities of the Eastern Seaboard.

 

NAMA-4

 

Because Drupal 6 was nearing its end-of-life, NAMA looked to Advomatic to upgrade the underlying machinery, while also giving the website a much needed redesign.  This was our first project in Drupal 8 and we were one of the first pioneers to attempt a migration from an older version to Drupal 8.

 

nama-mobile

 

“We’re glad to have had this opportunity to work with Advomatic. The results – an updated website for us, experience with Drupal 8 for Advomatic, and contributing to the broader cyber community as we learn – are truly a win-win-win, and that’s the kind of effort we like to engage with, whether it’s our program work, our policy work, the way we run our organization, and now even the way we build our website.”
×

Sonic Sea

Imaginary Forces came to Advomatic to put their ambitious plans for an animated website into action.
Details about Sonic Sea »

Sonic Sea

http://www.sonicsea.org

 website screenshot

In 2015 The NRDC and IAFW worked with our design partner Imaginary Forces to create a documentary film about protecting life in our waters from the destructive effects of oceanic noise pollution.  Imaginary Forces came to Advomatic to put their ambitious plans for an animated website into action. 

sonic-sea

 

sonic-sea2

 

sonic-sea3

For this project we were really interested in pushing web animation as far as we could.  Much experimentation was required to see just how much animation an average phone can handle while keeping the user experience smooth and focused on the content.  Really the screenshots here don't do justice to the dynamic images, you'll need to explore the site to see the full effect.

sonic-sea6

 

sonic-sea5

Requirements Delivered
  • Technical Architecture
  • Technical Project Management
  • Drupal Development
  • Front-end Development
×

Clinton Foundation

The Clinton Foundation needed to move six of their existing disparate web properties into a new platform. And some of these sites were beginning to show their age, so the Clinton Foundation also needed to upgrade their look and feel. We created a beautiful, fully responsive site with extensive third-party integration on an extremely short timeline.
Details about Clinton Foundation »

Clinton Foundation

http://www.clintonfoundation.org

 website screenshot
clinton
 
REQUIREMENTS DELIVERED:
  • Extremely fast turnaround. From first contact to website launch, we took about four months.
  • Strong focus on visuals
  • Integrated stunning design from long-time partner Threespot
  • Capable of delivering several high quality images on a page while maintaining performance
  • Fully responsive site, accessible on any viewport, from a small Android phone to a large iMac
  • Extensive third party integration, including Blackbaud Net Community Blackbaud Raiser’s Edge, WhatCounts email, Wufoo forms, and several in-house registration services

 

clinton2

 

clinton-mobile

 

clinton-mobile2

×