eva.ua, з 2019 року

Оформлення замовлення

Перероблене для десктопа й телефонів і для переїзду EVA на нову платформу.

Роль
Лід-дизайнер
Платформа
Десктоп і мобільний веб

+3%конверсії після оновлення

Оформлення замовлення на eva.ua до оновлення, на десктопі Нове оформлення замовлення на eva.ua на десктопі

До оновлення

+3%конверсії після оновлення

Проблема

Оформлення замовлення на eva.ua має вмістити багато: доставка в пункти видачі EVA, «Нова пошта» й «Укрпошта», знижки банків, державні програми, промокоди й подарункові сертифікати, а з маркетплейсом — ще й замовлення від кількох продавців.

Стара сторінка викладала все одразу: шість рядків доставки, в кожному «Доставка планується 2-3 дні», банерна знижка банку посеред форми, стани сертифіката просто у формі. Завдання було таке: менше втрат між кроками й швидше оформлення.

Що змінилося

  1. Вхід став швидким шляхом

    Раніше сторінка починалася з рядка входу з двома посиланнями й трьома причинами зареєструватися, а потім питала місто й доставку. Тепер вона пропонує одне — «Увійти, щоб швидко заповнити свої дані» — і спершу просить контактні дані; місто перейшло в доставку.

    Постійний покупець не вводить зайвого, а новому особистий кабінет не стає на заваді.

    Старе оформлення замовлення на десктопі: рядок входу з двома посиланнями й трьома причинами зареєструватися, далі місто та варіанти доставки
    До
    Нове оформлення замовлення на десктопі: одна пропозиція увійти над контактними даними
    Після
  2. Доставка починається з однієї пропозиції

    Раніше кожен варіант був рядком однакової ваги. Тепер блок починається з міста, каже, коли доставка безкоштовна, і відкривається на одному варіанті, поштоматі «Нова пошта», з ціною, орієнтовною датою доставки та годинами роботи.

    Один зрозумілий варіант за замовчуванням із датою, яка важлива, замість шести рядків для порівняння.

    Старе оформлення замовлення на телефоні: варіанти доставки рядками однакової ваги, в кожному «Доставка планується 2-3 дні»
    До
    Нове оформлення замовлення на телефоні: місто, безкоштовна доставка й один поштомат «Нова пошта» з датою доставки та годинами роботи
    Після
  3. Кнопка замовлення лишається під рукою на телефоні

    Раніше вона була в підсумку в кінці сторінки. Тепер темна кнопка «Оформити замовлення» із сумою лишається на екрані протягом усієї форми, а під нею — «Гарантуємо безпеку платежів».

    Сума й наступний крок перед очима біля кожного поля.

    Старе оформлення замовлення: кнопка замовлення в підсумку в кінці сторінки
    До
    Нове оформлення замовлення на телефоні: темна кнопка «Оформити замовлення» із сумою над формою
    Після

Стани

Кожен спосіб каже, скільки коштує, ще до вибору: без комісії для карток і оплати частинами, комісія кожного перевізника — для оплати під час отримання. Державні програми — окремий спосіб, а програми, якими скористатися не можна, названо над списком. Картки, теги й сповіщення — компоненти EVA Library.

Сповіщення над способами оплати: оплата двома державними програмами недоступна
Програми, якими скористатися не можна, названо першими
Оплата карткою: Visa, Mastercard, Apple Pay і Google Pay, без комісії
Картка: без комісії
Вибрано державні програми: оплата картками державних виплат, без комісії, і дві картки на вибір
Вибрано: державна програма та її дві картки
Оплата під час отримання, готівкою або карткою, з комісіями «Нова пошта» та «Укрпошта»
Під час отримання: комісія кожного перевізника

Як це довели

Як це читали
Воронку блок за блоком (початок, доставка, оплата, покупка), щоб знайти найбільші втрати.