Microsoft for mediacom

Brief

MediaCom has an existing Microsoft SharePoint workflow platform created in 2014, and are looking to refresh/revise this platform to take advantage of new design and technology platforms. This platform provides workflow and built in applications to allow planners to maintain a consistent product offering and way of working for all MediaCom clients.

The platform will need to exist within the GroupM/WPP technology infrastructure and adhere to existing security requirements within the organization.

Nimbletank were recruited by Microsoft to work on the User Experience, Design and Front-end Development of the platform for MediaCom.

My role

The size and complexity of this project required a large team for which I was responsible for user research, experience strategy, design and user testing. While working in 2 weeks sprints for the design and user testing phase, it was essential to follow the scrum methodology to ensure we were on track to meet the deadline.

Overview

Project Length
6 months

Team
1 Lead UX Architect ( first 2 months)
1 UX Architect
1 Creative Director
1 Digital Designer
1 Front Developer
2 Backend Developer (from Microsoft)
1 Product Delivery Manager

Tools
Pen/paper/post-its, Axure, Sketch, Marvel


Discovery

objectives

The objectives of this project are to:

• Generate a new Hub to create and manage projects for use by MediaCom’s planners across the globe.

• Redevelop 5 existing apps including a refreshed UI and new backend storage approach as well as integration into the new Hub.

• Consolidate and remove repetitive data into a common schema.

• Create a new data platform to allow for querying from Power BI

• Create custom visualisations to show live previews of data manipulation in the apps.

• Improved UI design for the new hub which supports access via a series of defined device/browser combinations.

• A new customer portal to share live app outputs

 

the vision

The original vision executed in our concept.

Dynamic | Alive

The live grid is constantly changing visually and contextually as the user engages with the system. 
As new content is added or updated the live grid blocks will repopulate dynamically showing new and relevant information.

Intuitive | Intelligent

With minimal input from the user, the system is surfacing contextually relevant information based on the user’s live briefs & campaigns. This anticipation of the user’s next steps creates an intuitive system.

 

Connected | Engaging

The interface facilitates communication between tools, projects and people, keeping everyone engaged and connected.

Personal | Helpful

The surfacing of contextually relevant information, helpful to the user, creating a personal experience, that will drive the user back everyday.

 

the solution

From the User Research, it was evident that the current system is silo'd, which is a hinderance to the planner as this results in them dipping in and out of the system proving less ideal. Adopting a new system thinking approach will ensure increased user retention, and a more productive workflow for the planners.

 

personas

I created 4 personas from the user interviews I carried out with a range of planners. I found out their goals, frustrations and motivations in regards to their day-to-day work and when using the platform to carry out tasks.

 

Moment Planning

We proposed new device touch points throughout the day of a planner, for when the new platform comes into play.

 

User Journey

During the user workshops, we were able to establish the User Journeys the planners would take upon receiving a brief through to execution.

 

Customer experience map

After carrying out several user workshops with a total of 22 planners (based in London or international offices like China), we were able to create a User Experience Map to summarise a proposed journey a planner takes from receiving a brief, through to handing over the plan to the Execution Planner using the revised new platform. Key points of the journey were highlighted with what the planner could be thinking/feeling and what device they would use at that point.


design

Brainstorming workshop

At the start of each sprint, as a team, we would have a workshop of how we would like the sprint to run. What each member of the team would like to get out at the end of the sprint, and what they need from each of the other team members. We'd also have a run through of what has been done to date, with all the work stuck up in the war room, so that any team member can reference to during the sprints.

 

Sketches

A User-Centred Design approach was adopted, so one of the first tasks at the start of each sprint would be to hold user sessions with the planners and the app owners, to establish a better understanding of each of the app. I would then sketch out some ideas and have the planners validate the low fidelity wireframes, and then make iterations upon receiving the feedback.

 

wireframes & prototype

Upon validation of the sketch, I would then turn the sketches into wireframes and prototype them up ready for the planners to validate them, before sending them to the stakeholder.