Mash Staffing

Mash Case Study Builder

hi@parbjohal.com

With a vast body of work, data and other assets collected with each job, Mash needed a way to harness all of that information to send to prospective clients to show them how successful they've been in delivering work and staff for events.

On the strength of the website we created for Mash, they once again approached us to build an internal web based app, that enabled the internal team to collate their work into beautifully formatted case study magazines, uniquely built and catering specifically to every new prospect.

mash builder ipadinhands

Designing a Better Case Study Experience

During the process of creating the new website for Mash, we created a set of case study tools alongside the web design and content management system. Once live, Mash were sending either a set of direct links of work to prospective clients, that they would then have to click on one by one, or PowerPoint presentations which were created on the fly which resulted in them being poorly formatted and inconsistent across the business and brand. It also meant a poor experience for the prospective client - not the greatest of user experiences or the best of first impressions.

We envisaged a solution to this problem, to create a tool that allowed case studies to be added in a consistent way across the entire company, and could be used on the website as well as a new Case Study Builder. The new tool could be accessed at any time, and case studies could be collated in any order or structure to build a 'package' of case studies which could then be personalised by the sender for the recipient. A far better, and more intimate experience for the prospective client.

mash builder covers

Presentation is Everything

Once the case study packs are created, a single link can be sent to the prospective client. Clicking that link would give them access to the various packs that had been created for them - specific to their brief and sector. As well as showing them any generic Magazine Packs created to communicate more information about Mash. The first screen they see is beautifully formatted, and allows the user to browse through their Magazine Rack.

mash builder cover

Clicking on a Magazine Pack brings the user to the detailed front cover, it's purposefully designed to feel like a printed magazine cover, with the ability to quickly jump to specific case studies or page through the pack page by page.

mash builder contents

The contents page starts to give more detail regarding what's inside, everything here is automatically generated by the system. It's content that's already been added to the system and website. The only thing Mash have to do is decide what they want to add through simple check boxes.

mash builder intro

We wanted to make sure the packs were highly personalised, so we designed the equivalent of an 'editors page'. Where the staffer within Mash could write a short note to the prospective client. The photo and signature are automatically chosen when they log in, but can also be changed if the pack is being sent on behalf of someone else.

mash builder casestudy

Individual case study pages have the ability to show rich content like video. Specific statistics relating to the work are the leader to every story, and tags allow the user to jump to related examples quickly if they don't want to flick through every page.

Building Case Studies

One golden rule we wanted to stick to, was that we didn't want to add more work for Mash when it came to adding case studies. They had already added a number of examples, and we needed them to stick with that workflow. Everything we created was as an additional layer to the content management system, and so it felt like a natural progression. Mash also had the ability to add more examples of work than they might ever want to show on the website, but that they might actually want to share with clients privately. It's a case study powerhouse.

mash cms builder1

1. Create a standard case study

It's probably unfair to call the case studies 'standard', but when adding the different elements to the system there was nothing different Mash had to do. They add case studies in exactly the same way they would when adding them to the website, and they only ever have to add them once. They had the ability to decide whether they wanted work to display on the website or simply to add it to the library of case studies. We then parse all of the information to ensure we're displaying it in the correct format depending on where it's used.

mash cms builder2

2. Build a pack

The process of building a pack couldn't be easier. Give it a title, give it a front cover and add a short introduction. The system even shows you a rough layout of the front cover so that the image can be moved and placed correctly. The user can also add tags for internal searches - so case study packs that already fit the bill can quickly be found, duplicated and personalised.

mash cms builder3

3. Add case studies

With a library of case studies already in place, all that needs to be done is to pick the ones Mash want to present in the pack through quick checkboxes. Mash can also decide the specific order of case studies, as well as which ones they want to feature on the front cover. As the library grows in number, users are able to find case studies via tags and key phrases.

mash cms builder4

4. You're good to go

Once the pack is complete it's saved to the pack library and given its own URL, which can also be customised. From that point Mash can email that single link to prospective clients who will get a wonderfully formatted and personal pack of past work relevant to them. It's an immediate showcase of the care and attention to detail they can expect to receive.

close menu