eva.ua, з 2019 року

Навігація

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

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

+3,1%конверсії з візиту в покупку

Головна сторінка eva.ua на десктопі до меню 3.0: ліворуч вузький список категорій Головна сторінка eva.ua на десктопі з меню 3.0: підкатегорії обраної категорії відкриваються колонками поряд зі списком категорій

До нижнього меню

+3,1%конверсії з візиту в покупку

Проблема

У мобільній версії навігація була лише в шапці. Щоб із довгого каталогу чи сторінки товару потрапити до каталогу, кошика або акцій, треба було прокручувати вгору або йти назад.

На десктопі люди не бачили, куди йти в каталозі, і йшли в пошук.

Що змінилося

  1. Нижнє меню на кожній сторінці

    Головна, Каталог, Акції, Кошик і Ще лишаються внизу кожної сторінки, під великим пальцем. Пізніше, з новим оформленням замовлення, до нього перейшли дії кошика й списку бажань.

    Кожен зайвий крок назад до шапки коштував візитів і покупок.

    Стара сторінка товару eva.ua на телефоні посеред прокрутки, без меню
    До: посеред сторінки шлях лише вгору
    eva.ua на телефоні з нижнім меню, закріпленим унизу екрана: Головна, Каталог, Акції, Кошик і Ще
    Після: меню під пальцем на кожному екрані
  2. Увесь каталог відкритий на головній сторінці

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

    Покупець бачить, як улаштований магазин, без жодного кліка й доходить до полиці за один-два кліки, а не сторінка за сторінкою.

    Раніше меню eva.ua на десктопі: вузький список категорій ліворуч на головній сторінці
    До: вузький список, по одному рівню
    Нова головна сторінка eva.ua на десктопі з відкритим списком категорій ліворуч, поряд із банером
    Після: каталог відкритий на головній
  3. Входи, що відповідають тому, як люди купують

    Кожна категорія відкривається з Новинок, Лише на EVA.UA, Брендів, Бестселерів і Акцій. Краса, професійна й преміальна косметика, здоров’я та дитячі товари мають власні іконки в довгому списку. Пошук підказує категорії й бренди, а не лише товари.

    Пошук веде назад у каталог, тож не стає глухим кутом.

    Меню на десктопі з наведенням на категорію: її підкатегорії відкриваються колонками
    Наведення на категорію: два рівні колонками
    Меню на десктопі з наведенням на преміальну косметику: її підкатегорії відкриваються колонками
    Преміум-косметика з власним входом та іконкою
    Відкрите поле пошуку з підказаними категоріями, брендами й товарами
    Пошук підказує категорії й бренди
  4. Той самий каталог на телефоні

    Кнопка «Каталог» на головній сторінці, повноекранний каталог з іконками напрямів, підкатегорії по одному кроку, а акції, бренди, пункти видачі й особистий кабінет — у меню.

    Головна сторінка на телефоні з кнопкою «Каталог» під шапкою
    Кнопка «Каталог» на головній
    Повноекранний каталог на телефоні, біля деяких напрямів — іконки
    Повноекранний каталог
    Підкатегорії категорії на телефоні, на крок углиб від каталогу
    Один крок углиб
    Меню на телефоні з акціями, брендами, пунктами видачі й підтримкою
    Акції, бренди й пункти видачі в меню

Як це довели

Нижнє меню

Час на сайті, усі сторінки крім головної
Із приблизно 2–3 до приблизно 5 хвилин
Оформлення замовлення до покупки
+2,3%
Візит у покупку
+3,1%
Меню 3.0
Люди глибше заходять у категорії, рідше користуються пошуком і довше лишаються на сайті.
Показників «до й після» немає: реліз вийшов раніше, ніж на дашборді з’явилася змога розділяти сесії за пошуком.