eva.ua, since 2019

Product page

Everything you need to decide, on the first screen.

Role
Lead designer
Platform
Desktop and mobile web
The old eva.ua product page on desktop The new eva.ua product page on desktop

The old product page

Ready for the marketplace

The problem

The product page had grown through several generations of the site. Price, promotions, delivery and specifications were spread over the page, and on mobile there was no menu, so the only way back to the catalogue was the back button.

What changed

  1. The first screen carries the decision

    The gallery with video and the product’s features, the name, rating and stock, the variants (volume, or colour with a grid of shades), the price with its discount, and add to cart and wishlist.

    The new product page on desktop: the gallery, the name and rating, volume as a choice of sizes, the price with its discount, add to cart and wishlist
    Volume: a choice of sizes
    The product page for a shade: colour as a grid of swatches beside the price
    Colour: a grid of shades
  2. A seller block, ready for the marketplace

    The seller gets its own block, with a rating and delivery times.

    The same page has to work for EVA and for every partner seller.

    The price box on the new product page: the price, quantity and add to cart, and under them “Seller: EVA Partners” with the eva.ua logo
    The seller under the price, in its own row
  3. One promotion, one banner

    A banner with a timer for the offer, instead of several bars. Delivery to the chosen city lists every method with its price and the free-delivery threshold in one block; payment and returns sit apart.

    The right column of the new product page: one promotion as a banner with a timer, “Hint at a gift”, free delivery from 599 ₴, and delivery to Dnipro with every method, its price and its free threshold
    One banner with a timer; every delivery method with its price and threshold
  4. Bundles in one click

    “Cheaper together” bundles go into the cart in one click, and “Hint at a gift” lets you send the product to someone. On mobile the page got the menu.

    The “Cheaper together” set on the product page: four products with checkboxes, the old and new totals, the saving and one “Buy the set” button
    The set, its saving and one button