The United States Agency for International Development (USAID) launched Engendering Industries in 2015 to improve gender equality in the global power sector. Since then, the USAID.gov site became a hub to publish program information, impact stories, and resources, and eventually Engendering Industries outgrew USAID.gov’s capacity to host the program. Mobomo was contracted to develop a dedicated website that could house the digitized tools that are used in the program implementation, enabling better streamlining of materials, allowing for the sharing of knowledge, providing interactive online tools and media, sustaining and driving engagement on existing program networks, and allowing for knowledge sharing and learning. Key objectives in the development of Engendering Industries’ website included:

  • Digitization of their Best Practices Framework (a foundation tool used by the program to increase gender equality at 100+ partner organizations)
  • Real-time visualization and automated data updates so partners can see improvements as they happen
  • Living dashboard of program results to showcase Engendering Industries’ achievements at each phase of the employee lifecycle
  • Interactive map showcasing the 100+ program partners
  • Searchable multimedia library hosted in a third-party software and requiring embedded code on the site to display the functionality for videos, stories, case studies, and guides
Engendering industries primary photo
Why Drupal was chosen: 

Originally, engendering information lived as a subsection on USAID.gov.  Since the original site was a Drupal setup, having this new site be Drupal was decided as the content editors would be familiar with the workflow.

Describe the project (goals, requirements and outcome): 

Design

design photoMobomo began work on the Engendering Industries website in November of 2022 and completed the build of the site in July of 2023. There were several scope changes during the initial months of the project as we worked with USAID to define toolsets that would deliver true value to their end users and create a user experience that positions the Engendering Industries’ website as a long-term planning and execution resource for organizations around the world who are committed to bettering themselves. The construction of this site was truly organic, as many of the capabilities were defined during development. Mobomo’s Agile governance model allowed our team to pivot through these changes in scope and project definition, allowing the stakeholders within USAID to navigate through several iterations of site design as they uncovered previously unrecognized needs.

Development

development iphone imageMobomo reorganized and consolidated the information architecture from the Engendering Industries page previously housed on USAID.gov. Our team clarified and expanded the main navigation of 7 links into 3 categories of grouped content; a decision that was determined based on insights from competitive analyses, open card sorts, and discovery sessions with stakeholders to re-engineer content for and order of landing pages. Engendering Industries new site is using a custom theme for achieving its layout and styling.  We achieved a majority of our backend functionality via contrib modules integrated with custom frontend theming.

Special Features

Maximizing an organization’s gender equality position involves more than one would expect, and Engendering Industries’ focus is to help make this a fluid process for its customers. A site feature that was critical to the USAID stakeholders was the creation of a tool that would identify an organization’s strengths and gaps, provide recommendations for expansion of their equality position, and construct a downloadable roadmap for achievement of their goals. Accomplishing this goal required a two-pronged approach. First, our team developed a quiz that users can take that provides a score and description of what their organization is doing well and what they can improve upon.  Within the results of that quiz, users are provided with an accordion style review of their answers and the ability to mark the topic. All marked topics are filtered to a repository and organized into a downloadable plan with action items they can disseminate through their organization/leadership teams and put into action.

special featurespecial feature 2

Technical specifications

Drupal version: 
Drupal 10.x
Why these modules/theme/distribution were chosen: 

USWDS was the library chosen by the client, which Mobomo happens to be very familiar with having contributed several modules around USWDS.

One of the main features of the site is the ability to take an assessment that gives a score on a company's gender equality infrastructure, for that we chose the quiz module.

Early on in the process the client made it clear they wanted a lot of control over individual pages.  To achieve this Mobomo chose core’s layout builder in combination with paragraphs/paragraph blocks.  Which allowed the editors to make unique chances utilizing the same components.

Organizations involved: 
Team members: 
Project team: 

Frederick Bigden - Project Manager
Stephen Mustgrave - Tech lead
Perry Brown - Frontend Developer
Lucas Riutzel - Developer
Deron Wells - Developer
Ethan Watson - Designer
Austin Gibbs - QA Specialist
Bishal - DevOps
Jeff Beagly - DevOps

Sectors: 
Government