AT&T RESPONSIVE MOBILE

Company: AT&T (Kforce Consultant) Role: Sr. UX Design Consultant

let's start at the beginning

When system administrators add a new AT&T Collaborate user into Business Center (BC); an SMS message is sent prompting this new user to register onto BC through their mobile device.

THe problem

Unfortunately, Business Center was not originally built as a responsive website and left users with a broken experience when accessing BC through their mobile devices.

You can clearly see in the mobile screen (pictured) how frustrating this would be for a new user interacting with this platform for the first time.

But how do we take a colossal legacy system and take it from desktop to mobile screens? I'm happy you asked.

THe SOLUTION

Bootstrap responsive grids, containers, and breakpoints, oh my! It's thought-provoking at best to take an already built desktop legacy system and try to apply "mobile first" strategies and solutions.

I decided to look at my current desktop containers and establish set widths and breakpoints that could scale down to tablet and mobile.

The end result gave users a seamless cross-platform experience on any device.

THe benefit

To help sell my solution and showcase the value adds of responsive design to our AT&T business partners, I called on my inner Dr. Seuss and wrote the following story.

It is my strong belief that if we can take an Elephant-sized platform and make it as small as a mouse, our customers will be delighted and as a result we will make a whole lot more "cheddar."