Skip to content

Commerce interface | Shipped product

GoCart: A Scalable Commerce Experience

A mobile commerce app that brings home content, offers, category browsing, a cart and notifications into one consistent shopping experience.

Commerce interfaceHome feed · Promotional collections · Category grid
GoCart commerce app screens

PROJECT AT A GLANCE

The essentials.

Design scope
Commerce interface
Available views
Cart controls · Notifications
Screen focus
Shipped interface
Flow
Discovery through to cart
Skip to project details

KEY DESIGN DECISIONS

Home feed, categories and cart.

Three decisions shape how shoppers discover products and manage their cart.

01

Feed and category views

Browsing offers two routes: a mixed home feed for discovery and a dedicated category grid for shoppers who know what they want.

02

Cart selections

Cart rows expose selected variants and quantity controls before the payment action.

03

Home-feed groups

Promotions and product rows are separate content groups, so offers stay distinct from the regular catalogue.

Each of these decisions shipped in GoCart.

Design
Question

How do category entry points and cart controls support different shopping tasks?

Design
Scope

The product covers these interface areas:

  • Home feed
  • Promotional collections
  • Category grid
  • Cart controls

Screen
Coverage

How the shipped screens connect.

Home feedPromotional collectionsCategory gridCart controlsNotifications

Pattern
review

Key structures in the shipped product:

  • The home feed mixes discovery formats; the category grid isolates product-group choices.
  • Product variants remain visible in each cart row.
  • Quantity adjustment and payment are presented on the same cart surface.

Commerce
Workflows

Notifications — GoCart screen
Home and product feed — GoCart screen
Cart — GoCart screen
Offers and collections — GoCart screen
Categories — GoCart screen

Notifications

Notifications collect app updates in a single, scannable view. Values shown are sample data.

01 / 05

FROM THE PROJECT FILES

Inside the shipped product

Screens from the shipped product. Values shown are sample data.

Home and product feed

Home and product feed — GoCart screen
The home feed mixes category entry points, promotions and product rows. View full-size screen

Cart

Cart — GoCart screen
The cart keeps product variants and quantity controls alongside the payment action. View full-size screen

Categories

Categories — GoCart screen
The category grid offers visual entry points to different product groups. View full-size screen

What I’d Change
Next

Looking back, I’d make a quantity change update the line price and cart total visibly in place, so shoppers see the result immediately.