Defining and designing enterprise product tiles for high-traffic B2C ecommerce

Portfolio | AT&T | Product Tiles
This work was part of AT&T’s enterprise design standards initiative. The redesign effort involved reimagining everything from typography to atomic UI patterns and mashups across the board.
0-1
B2B
Responsive Web
0-1
B2B
Responsive Web
Improved throughput across the B2C purchase flow
Reduced time-to-complete checkout by ~8%

Challenge

I led the redesign of AT&T’s high-traffic B2C product tiles, addressing a legacy layout that failed to showcase all available color options for popular retail items. This oversight contributed to cart abandonment, product exchanges, and increased call center volume. With limited screen real estate and dense content requirements, the solution demanded a refined application of logical grouping and typographic hierarchy to improve scannability and conversion.

[Subtitle]
[description]

Current-state audits

Best practice research
I inspected the product tile’s current state taking inventory of the content and views the product tile occupied under different situations. This discovery exercise excited conversations that ultimately informed future-state functional specifications and content requirements.

Findings

Titleline
[description]
Titleline
[description]
Titleline
[description]

Approach

As principal design lead, I refined redesign concepts for high-traffic product tiles through bi-weekly feedback sessions with two design directors.

[Subtitle]
[description]

Current-state audits

Best practice research
I inspected the product tile’s current state taking inventory of the content and views the product tile occupied under different situations. This discovery exercise excited conversations that ultimately informed future-state functional specifications and content requirements.

A.

B.

C.

Outcomes

[Description]

[Subtitle]
[description]

[Subtitle]

Titleline
[Description]