Ecommerce Product Design

Design the store your shoppers move through — how they find a product, what convinces them on its page, the subscription they keep and the checkout they finish — on the web and in your app.

A steel robotic arm on a wheeled base lowers an orange item into a white ceramic shopping basket.
Your own store
D2C and single-brand retail
Search to repeat order
Discovery, checkout and subscriptions
Two store cases
Blackdove and easyStorage Netherlands
Custom scope
Set in the service’s proposal

In short

A store shoppers find their way through, from the first search to the order they repeat.

What's included

  • Product discovery
  • Collections
  • Product pages
  • Subscriptions
  • Cart and checkout

Answers you'll have before development

  • How do shoppers find the right product fast?
  • What must a product page answer before the cart?
  • When does a subscription beat a one-off order?

Where it stops

Marketplace Design

Many sellers in one market: listings, payouts, disputes.

Ecommerce Product Design

One brand selling its own products, end to end.

Not included

  • Conversion or revenue figures
  • Store build, catalogue or marketing work

The whole shopping journey, not a prettier product page

What we design for an online store, from the first search to the repeat order.

Discuss your product
  • A ceramic shopfront with a steel directory stand of three category tiles, a shirt, a shoe and a cup, the shoe in graphite.

    Store map and navigation

    Categories, collections and search, built around how your shoppers look for things.

  • A ceramic vase on a display plinth with a steel tag holder beside it and three swatch chips in front, one graphite.

    Product and collection pages

    What a shopper needs to decide: images, options, price, delivery and returns.

  • A ceramic basket with a steel handle holding two ceramic parcels, a sealed graphite parcel standing beside it.

    Cart, checkout and account

    From the cart to the confirmation, and the order history people come back to.

  • Three ceramic parcels on a round steel loop track, a small calendar in the middle with one day in graphite.

    Subscriptions and reorders

    Plans, pauses, skips and renewals a customer can manage without writing to support.

You receive

  • A store map
  • Flows for every journey
  • UI and a clickable prototype

Designed for shoppers who leave at the first doubt.

Ecommerce UX design meets sizes that sell out, codes that fail and parcels that run late. Each state below has a screen that keeps the shopper moving.

Every screen is designed for

  • Out of stock in this size
  • Back in stock, shopper waiting
  • Search with a typo
  • Promo code rejected
  • Delivery date slips
  • Subscription skipped this month
  • Guest checkout, then an account
  • Return started, refund pending
  • Cart moved from phone to laptop

Signs your store has outgrown its theme

It fits when you sell your own products online and the journey, not the catalogue, is what needs work.

  • You sell your own products

    A brand or retailer selling direct, D2C or alongside stores, not a platform for other sellers.

  • Shoppers leave before paying

    People browse, add to cart and drop off, and nobody can say exactly where or why.

  • Customers should come back

    Subscriptions, reorders or collections matter as much as the first order.

  • Web and app together

    The store runs on the web and in an app, and they should feel like one shop.

Let's make your store easier to shop

Tell us what you sell, to whom, and where shoppers give up. Expect a reply naming the page or step we would start with.

Scope, access and who does what

Store work is contracted per service, and the first one you pick carries the terms.

Scope
Per service fixed or phased, set in the proposal
Timeline
Agreed after scope, access and dependencies
  1. You provide

    The store
    A test shopper account with a real order history, on the live store or staging.
    The catalogue
    Categories, product data and the options shoppers choose between.
    Evidence
    Analytics, search terms, returns reasons and what shoppers ask support.
    Engineering
    The team, the store platform, and the payment and delivery providers.
  2. Who does what

    ANODA
    Follows shoppers from search to reorder, designs every page, state and journey, and specifies the details your developers need.
    Your team
    Provides product data and analytics, approves each step, and builds, stocks and runs the store.
  3. Boundaries

    Outside ecommerce product design
    Store development and platform setup, catalogue and content work, marketing, and legal review.
    After the design
    Your developers or agency build the store; if you want us to check the build against the design, we scope that separately.

In the client's words

The design work treats discovering art and displaying it as connected parts of the same experience. We appreciated the consistent visual language across the web and mobile screens, while keeping the artwork central to the product.

Marc Billings Founder, Blackdove Inc Read the Blackdove case

Which step of your store do shoppers abandon?

Tell us what you sell, on which platforms, and what your analytics and support already show.

What do you need? *
Project budget (USD) *

What is your product, who uses it, and what would you like us to do?

    Within 15 minutes, we’ll reply with initial feedback and follow-up questions.

    Read more about ecommerce design

    Mixed-media illustration: a real steel robotic arm sets a miniature metal shopping trolley onto a large drawn smartphone whose screen holds a tiny shop with an awning, a counter and a single "Checkout" button highlighted in lime.

    Industries 10 min read

    What Is Mcommerce

    What Is Mcommerce: practical guidance, examples and decision criteria from ANODA. Learn how the topic applies to your product and team.

    All articles

    Ecommerce Product Design: common questions

    Which shopping journeys should an ecommerce UX design team walk us through before we hire them?

    Ask to see whole journeys, not hero banners: how a shopper finds a product, what the product page answers, what happens when a size is gone or a code fails, and how a subscription is paused. Ask which of those screens went live and which designers drew them. Be wary of a portfolio of homepages alone — shoppers decide on the search results, the product page and the checkout.

    What would you design for our store, and what sets the cost and the schedule?

    Usually a store map, discovery and search, collection and product pages, cart, checkout and account, subscriptions where you sell them, the states in between, a prototype and the UI for web and mobile. The size of the catalogue and its options, the number of platforms, whether the store is new or live, and how much evidence you already have all move the cost and the schedule. Stores are not priced from a menu: the first service sets a scope for your catalogue, and dates follow once access and platform limits are clear.

    Which shoppers and journeys does ecommerce user experience design cover?

    First-time visitors, returning customers, subscribers, gift buyers and the support staff who answer them. The journeys are browsing and search, filters and collections, product pages with options, the cart and checkout, account and order history, subscriptions, skips and renewals, back-in-stock alerts, returns and refunds, and moving between phone and laptop mid-purchase. A D2C brand usually adds its own layer: the story behind the product, bundles, and a subscription that has to feel easy to leave.

    Which ANODA services fit an ecommerce product, including retail app design and D2C websites?

    UI/UX & Product Design for a new store or shopping product, a UX Audit when a live store loses shoppers, and UI Redesign when it has outgrown its template. Mobile App Design covers retail app design, and Website Design covers D2C website design, where the brand site and the store have to work as one. Marketplaces with many sellers, point of sale and payment products each have their own page.

    Who is responsible for consumer law, checkout rules and accessibility on our store?

    Your legal team decides how prices, taxes, delivery terms, returns and consent must be shown in each market, and your payment provider sets what its checkout requires; we design how each appears and where it sits in the journey. We design to recognised accessibility guidelines and flag what needs testing. If returns or tax display differ between countries, your team gives us the list and each market's store shows its own version. Our files show where each rule lives on the page; certifying that the store complies is not something a design team can do.

    What should our store team have ready?

    A test account with past orders on the live store or staging, the catalogue and its options, analytics, search terms, returns reasons and support themes, someone who owns product decisions, and contact with engineering and your platform, payment and delivery providers. The words shoppers type into your search box tell us a lot.

    Which ecommerce projects can you show?

    Blackdove, a digital art platform with a storefront for canvases and curated subscriptions: 300+ unique screens across 2 platforms, web and mobile, for digital canvases from 32 to 98 inches. And easyStorage Netherlands, a self-storage ecommerce website where we designed and built the key pages, pricing and booking flow. Each project's figures stay with that project; neither carries a conversion figure, and we do not borrow one.

    Can you redesign the store we already sell through, on the platform we already use?

    Yes. Most ecommerce work starts from a store customers already buy from, where a change must not cost a day of sales. Designs respect what your store platform can and cannot do; we use your files and design system, work with your product, engineering and marketing people, and you own everything we produce. We can start with one journey — often search or checkout — and extend from there. Opening a new market, language or app later means new screens made from the same product cards, filters and checkout parts.