AT&T RESPONSIVE MOBILE

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


BC_Mobile_Screens.033.jpeg
 
 

Click to enlarge image

About

When system administrators add a new AT&T Collaborate user in Business Center (BC), an SMS is sent prompting the user to register via their mobile device.

 

Click to enlarge picture

THe problem

Business Center was originally built as a desktop-only platform, leaving mobile users with a broken and frustrating experience. As you can see in the mobile screen (pictured), first-time users struggled to navigate the platform on smaller screens.

The challenge was clear: how do you take a large, legacy system and make it work seamlessly on mobile?

 

 
responsive_design.png

THe SOLUTION

I applied responsive design principles using Bootstrap grids, containers, and breakpoints. Translating an existing desktop system into a mobile-first experience is never straightforward—it requires rethinking layout, scaling, and interaction patterns.

I analyzed existing desktop containers, established consistent widths, and defined breakpoints that would adapt gracefully to tablet and mobile screens.

The result: a seamless, cross-platform experience that allows users to navigate BC confidently, whether on desktop, tablet, or mobile.

 
 

 

FINAL UX/UI

Click on the thumbnails or arrows to view every screen.

 
go back to ux
 

Want to go somewhere else?

ADVERTISING  RESUME