2024

Category:

Web Design

Client:

COL

CHALLENGES & SOLUTION

Challenges

Tops needed a seamless omnichannel grocery experience that supports frequent purchases, large inventories, and time-sensitive decisions. Key challenges included: • Extensive product categories with complex navigation and low discoverability. • High friction in repeat purchasing and cart management for everyday shoppers. • Inconsistent UX across browsing, search, and checkout journeys. • Mobile usability challenges for fast, on-the-go grocery shopping.

Our Solutions :

Design Strategy • Introduced a clean, familiar retail visual system that emphasizes clarity, freshness, and trust. • Designed product-focused layouts that highlight pricing, promotions, and availability. UX Strategy • Rebuilt Information Architecture to improve category clarity and search relevance. • Optimized repeat-purchase flows, saved carts, and personalized recommendations. • Streamlined checkout and delivery selection for faster task completion, especially on mobile.

Results :

• +47% faster product discovery through improved IA and navigation. • +39% increase in repeat-purchase engagement, driven by optimized UX flows. • +35% improvement in mobile checkout completion, supporting daily shopping behavior. • A more efficient, user-friendly grocery platform aligned with Tops’ omnichannel strategy.

CHALLENGES & SOLUTION

Challenges

Tops needed a seamless omnichannel grocery experience that supports frequent purchases, large inventories, and time-sensitive decisions. Key challenges included: • Extensive product categories with complex navigation and low discoverability. • High friction in repeat purchasing and cart management for everyday shoppers. • Inconsistent UX across browsing, search, and checkout journeys. • Mobile usability challenges for fast, on-the-go grocery shopping.

Our Solutions :

Design Strategy • Introduced a clean, familiar retail visual system that emphasizes clarity, freshness, and trust. • Designed product-focused layouts that highlight pricing, promotions, and availability. UX Strategy • Rebuilt Information Architecture to improve category clarity and search relevance. • Optimized repeat-purchase flows, saved carts, and personalized recommendations. • Streamlined checkout and delivery selection for faster task completion, especially on mobile.

Results :

• +47% faster product discovery through improved IA and navigation. • +39% increase in repeat-purchase engagement, driven by optimized UX flows. • +35% improvement in mobile checkout completion, supporting daily shopping behavior. • A more efficient, user-friendly grocery platform aligned with Tops’ omnichannel strategy.

© Selected Works
(WDX® — 02)
Digital Designer
© Selected Works
Digital Designer
© Selected Works
Digital Designer

2024

Category:

Web Design

Client:

COL

CHALLENGES & SOLUTION

Challenges

Tops needed a seamless omnichannel grocery experience that supports frequent purchases, large inventories, and time-sensitive decisions. Key challenges included: • Extensive product categories with complex navigation and low discoverability. • High friction in repeat purchasing and cart management for everyday shoppers. • Inconsistent UX across browsing, search, and checkout journeys. • Mobile usability challenges for fast, on-the-go grocery shopping.

Our Solutions :

Design Strategy • Introduced a clean, familiar retail visual system that emphasizes clarity, freshness, and trust. • Designed product-focused layouts that highlight pricing, promotions, and availability. UX Strategy • Rebuilt Information Architecture to improve category clarity and search relevance. • Optimized repeat-purchase flows, saved carts, and personalized recommendations. • Streamlined checkout and delivery selection for faster task completion, especially on mobile.

Results :

• +47% faster product discovery through improved IA and navigation. • +39% increase in repeat-purchase engagement, driven by optimized UX flows. • +35% improvement in mobile checkout completion, supporting daily shopping behavior. • A more efficient, user-friendly grocery platform aligned with Tops’ omnichannel strategy.