eva.ua, since 2019

Cart

33 promo mechanics and several sellers, in one cart that reads.

Role
Lead designer
Platform
Desktop and mobile web
Status
In closed testing; an A/B test comes next
Scope
Web and app, one logic; 21 scenarios
The eva.ua cart before, on desktop: promotions as coloured bars between the items The new eva.ua cart on desktop

Before

In closed testing; an A/B test comes next

The problem

The cart was the narrowest point of the funnel: many people opened it and never reached the checkout. Promotions came without explanation, items from different sellers came without structure, and there was nothing about delivery. Under it, the cart reloaded its whole state on every change, lagged on phones and broke when reopened.

What changed

  1. Each seller is its own order

    Groups say “Order N of N”, the header sticks while you scroll, and EVA’s logo is set apart from the partners’.

    You see at once which items are EVA’s and which a partner’s.

    The new cart drawer with three groups: eva.ua’s items as “Order 1 of 3”, then two marketplace sellers as orders 2 and 3
    Three sellers, three orders: “1 of 3”, “2 of 3”, “3 of 3”
  2. Choose what to buy

    Checkboxes for items and sellers, select all or none; the sum counts only what is chosen.

    The new cart on a phone: a checkbox on the seller and on every item
    A checkbox on the seller and on every item
    The cart’s menu on a phone: select all, remove the selected, move the selected to the wishlist
    The menu acts on what is selected
  3. Free delivery, shown as a distance

    A progress bar to the free threshold of the chosen method (pickup point, Nova Poshta, Ukrposhta); it remembers your last choice and suggests items to add.

    Igor’s slide on the free-delivery thresholds for the web: the method picker, the bar “add items worth X for free delivery”, and the drawer with it on a phone
    The thresholds, from the design file: method, bar, message
  4. Bundles without repeats

    A promo set is its own subgroup; its prompt opens a picker; no item shows twice.

    The cart drawer with a 1=2 set one item short: an orange prompt “add one more promo item and get the cheapest free” above its items
    1. One item short: the prompt says what to add
    The picker the prompt opens: “Collect the promo set”, with the products in the promotion
    2. The prompt opens the picker
    The cart drawer with the set complete: a green bar “Set 1=2 collected, you save N ₴” above the set
    3. Set complete, the saving named
  5. Out of stock is not a dead end

    The line greys out, and “Replace with a similar one” opens matching products.

    The top of the cart drawer: the second item greyed out and marked out of stock
    The item greys out and stays in its place
  6. The cart’s own controls

    “Cart (N)” in the title, a “⋯” menu to remove or clear, and a sticky order button with the total.

    The new cart on a phone: “Cart (2)” and the “⋯” menu at the top, the sticky “Place order · 5 376 ₴” button at the bottom
    “Cart (2)”, the ⋯ menu, the order button with the total

Where it stands

Closed testing now
Then an A/B test of the seller groups and the delivery bar against today’s cart.