AT&T Business Solutions

Project: AT&T Business is a B2B web platform focused on enterprise mobile solutions from purchasing to ongoing account systems management.

Design goals: Create on-brand visuals utilizing AT&T style guidelines and documenting design patterns to an UI design component library.

Tools used: Photoshop, Sketch, Axure, Jira

Deliverables: Visual/UI designs, UI components, style guides, design specs (redlines)

 

UI Design System Library

  • Prior, AT&T’s design components were decentralized, so I was taked with creating a centralized component systems resource in order to improve design efficiency.

  • I additionally elaborated on details such consistent spacing & sizing for responsive web.

DS2-PaddingSpacing-Guide-v2-DS.jpg
 

Responsive UI Design Templates

Multi-Tier Home Pages

 

Left/Right Hero Banners

 

Centered Content Hero Banner

 

Product Management Dashboard

 

E-commerce Experience

Confirmation Emails