Mazars Case Study

Digital

Mazars Case Study

Rob HoyJordan Norris
Discussed by Rob and Jordan

Multisite D&B

Mazars is a leading audit, tax and advisory firm operating internationally as a united partnership. Our objective over the course of the project was to build a fully responsive solution, backed by a WordPress CMS that implemented the visual design elements provided to us. 

Both Mazars Blogs and Mazars Careers needed a much more user-friendly and responsive website which showcased the new visual designs. While the functionality of the careers and blog sites would be different, visitors needed to be able to easily search for resources on each of these sites whilst maintaining a smooth exploratory experience. 

The first phase of the project was to study the new visual identity of Mazars, taking the website designs and breaking them down into singular components or templates. Taking this birds eye view of the new visuals allowed us to better understand the structure of each page and gave us an idea of how we could build that structure using flexible layouts. 

The scope of this project was very wide, with two multisites (each consisting of around thirty sub sites) and two international careers sites. These sites would come to be administered by hundreds of users from around the globe, meaning that not only did the front end of the site need to be user friendly but the same had to be applied to the CMS. Developing these sites using flexible layouts would be fundamental in delivering that ease of use by allowing administrators to easily build out pages or posts using the components we provided. 

The development of both the careers and blog sites happened simultaneously with components being shared across both multisites. This ensured that we had a consistent look and feel across both websites. Components were built into flexible layouts using Advanced Custom Fields, with numerous custom templates built for various different functions. 

As Mazars is a global firm, we also needed to include multi language translations. This meant integrating WPML to allow users to easily switch between languages on the fly. This also enabled us to use string translations, meaning that any undynamic text could easily be translated by specified translators so that each site within the multisite could still feel bespoke. 

Once the components, templates and a variety of other website functionality was in place we were tasked with building out the pages and posts of each site. This exercise would involve exporting content from the existing Mazars Careers and Mazars Blogs sites and importing that content into the new Mazars sites we had been working on. Due to the use of flexible layouts and the templates we had created this process was incredibly simple and in the press of a few buttons the sites were populated and ready for testing. 

/ma ATS integration

  • Mazars team in Morocco wanted to integrate their ATS (Applicant Tracking System), called HRMaps, with the Moroccan node of Mazars’ WordPress multisite.
  • Systems like HRMaps are designed to be a powerful way for companies such as Mazars to manage all of their job vacancies, so it makes sense to contain all that information in such a system. The problem was that Mazars’ main point of publication is their bespoke website, so they needed to be able to showcase these vacancies there. To avoid doubling the amount of admin required to keep vacancies in two locations, an API integration was required.
  • The API integration meant that Mazars staff no longer needed to manually publish vacancies within WP. Instead, they just needed to upload them to HRMaps, and they would automatically be synced with the Mazars site, and appear in the job listing section. Not only did this reduce the workload of Mazars’ staff, but the automated process remove’s the possibility of content going out of sync between the two systems (i.e. forgetting to remove a position from WordPress once it’s no longer available).
  • Applications are also sent via API directly into HRMaps, meaning prospective applicants don’t need to leave the Mazars Careers site to apply for a position. The purpose-built form on the site submits all the information via API, straight into the ATS database, including file uploads which allow for CV and cover letter attachments.

Gender Diversity Checklist

  • Originated as an internal tool, but is now being sent to third-parties
  • A joint initiative by Mazars and the Observatory for Gender Balance
  • Mazars wanted to build a self-assessment tool that would “help CEOs identify potential gaps and the areas in their gender-diversity programmes that need the most attention.”
  • The questionnaire contains over 70 questions, that ask the user to rate their company’s level of development, in a variety of areas regarding gender balance, between 1 and 5. There are also options to select “I don’t know”, or “I don’t know, but I will look into it”, as well as the ability to “like” or comment on a question.
  • Data is submitted anonymously by default, but site admins have the option to enable identifiable submissions, which activates another section of the questionnaire, where personal information about the user and their company can be collected.
  • After completing the questionnaire, a score is generated, and the user is shown their overall score, as well as a breakdown of how they fared in each section. They are also shown feedback, depending on their scores, that gives guidance on how to improve.
  • The user can also download a PDF after completion. This Mazars branded PDF is generated dynamically on submission, and contains each question, alongside the given answer, any comments/notes left by the user, the questions they flagged using the “like” feature, as well as the personalised scores and guidance, for sharing or future reference.
  • The questionnaire was required to be dynamic, meaning Mazars admins were able to make changes to the questions, or number thereof, at any time. Another complication was that the tool was available in both English and French, so for this we used WPML, which allows content to be entered in multiple languages.

Image & Video Library

  • As a worldwide company with many subdivisions, Mazars needed a way to ensure all of its teams had access to the same pool of resources for their print and web projects. The solution to this was to build a bespoke asset library, that contains all the image, video and audio files that Mazars has approved for use across their many teams.
  • Each of the media types presented different challenges:
    • the image library was simple enough to build, yet the difficulty came when migrating the ~1200 hi-res images from the previous image bank into the new one. There was no simple way to export the images from the old system, not to mention to time and storage space to export/import manually. So instead, we used a web-scraping technique to request the images one-by-one directly from the destination, cutting out the middle-man and allowing it to run automatically in the background while we went about our day.
    • Many of the video files were hosted on Mazars’ Vimeo account, but some were lying around locally, meaning the video library needed to allow for Vimeo content as well as accommodate direct video uploads. To achieve this, we used Vimeo’s REST API to fetch the remote media and display it alongside the local videos.
    • The audio/music library’s challenge was in its presentation – you can’t just display a grid of thumbnails for audio! Instead, we created a list view, rather than the grid view used for visual media, which would display the audio files’ stats, as well as allow the user to play a preview of the file before downloading.
  • After the above galleries were created, we developed the user experience further by adding a shopping cart-style “basket”, to which users could add files of all types and, once they’d finished browsing, download all at once in a .zip file.