logo-iteso.png
seal-csm.png
Martino Liu - Membership Certificate.jpg
  • LinkedIn - Black Circle
  • dribbble-icon
  • Behande
MediaShift

Project: MediaShift Dashboard

Scope: Responsive Web App

Capacity: Design Studio & IT Services

Role: UX Designer and Scrum Master

Time: This project lasted 2+ years

Design Challenge

Develop a Dashboard for Tier-1 Publishers to control ad campaigns and strategies with budgets of over ten million dollars. While designing version 2.0 of the MediaShift Platform.

Role

Lead UX Designer and Scrum Master in collaboration with UI/UX Designers and Front-end Developers.

The Process

Information Architecture

User Flows

Rapid Prototyping

A/B Testing

Pixel Perfect Design

Information Architecture

The dashboards presented some challenges around the organization of information and the architecture of the platform. We had to make the information architecture prior to any attempt to design wireframes or any UI requested.

This is one of the first drafts of the IA map.

User Flows

As soon as the architecture was signed off. I started leading the way with the wireframing of the user flows using Overflow as a tool to collaborate and share the flows with the stakeholders. In the beginning we started using IxD Flow templates and distributed them as PDFs among the team, later I learn about another tool that simplified the job big time.

One of the many IxD Flows created during the design process.

Rapid Prototyping

I was dealing with building phase 1 as a Scrum Master while providing design efforts for phase two of the 2-year project. During those phases we started prototyping and showing the process to the stakeholders they started iterating very actively many time even changing the scope of the project, so we had to go back to the whiteboard (User Flows and Information Architecture) multiple times. Ultimately this is the goal of rapid prototyping, to detect flaws in the design.

A/B Testing

While we were building the prototypes (they were several) we had to confront the decision to go one way or the other in many features. Since the stakeholders were not really putting all the cards in the table, I had to start doing A/B testing removing the branding from the prototypes to avoid unnecessary exposure. Some users came on board to provide user inputs for some of the proposals. This helped us move forward faster.

Pixel Perfect Design

After the stakeholders started signing off prototypes, we started doing all the pixel perfect design executions until completion of the list of features was achieved.

Summary

This project presented many challenges from different perspectives. I started as a UI designer, the move on to take the role of Scrum Master while the team (15 devs and 5 stakeholders) got accustomed to the Scrum way. One of the other challenges was to get the design team (myself included) to quickly present proposals, prototypes, flows and tests so we could get validations and signoff by stakeholders while managing the need of the dev team doing the complex task in the system architecture, the backend connections, the api integrations and solving many difficult scenarios when mixing different technologies and complying with regulations and standards of the industry, and at the same time creating innovative value to our potential clients as enterprises among the 500 Fortune companies. This is one of the most fascinating experiences working as a UX designer, a Scrum Master, and a Desing Lead.