Нова Пошта Шопінг

Новий дизайн Головної сторінки

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

Для зручного перегляду сайту з мобільних пристроїв ми зробили дизайн легким і адаптивним.

Форма замовлення

Після реєстрації користувачі отримують особисту адресу в США і можуть здійснювати покупки в закордонних інтернет-магазинах. Потім в особистому кабінеті необхідно зареєструвати замовлення. Ми розділили процес оформлення замовлення з закордонних сайтів на кілька кроків. Це призвело до зменшення кількості полів на одному екрані. Система зберігає кожен крок, що дає можливість закрити форму і повернутися до реєстрації замовлення пізніше.

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

Трекінг замовлення

Для відстеження відправлення користувач бачить статус і деталі свого замовлення: вартість товару з декларації, калькуляція розмитнення і вартості доставки, а також адреса отримання посилки.

Дані про статус замовлення ми отримуємо від зовнішнього сервісу NPI на наш soap-сервер. Всі статуси і переходи описані як state, для цього ми використовували state machine. У конфігурації описані не тільки ймовірні статуси, а й дії, які потрібно виконати, коли вони змінюються. Так, наприклад, при зміні статусу посилки користувач отримує email-повідомлення.

Перелік магазинів

У кожного інтернет-магазину на сайті є своя посадкова сторінка, зроблена на основі головної сторінки. Ідея в тому, щоб залучати користувачів через пошукові системи до послуги доставки з конкретного інтернет-магазину. Каталог магазинів постійно доповнюється командою «Нова Пошта», в блог готуються корисні публікації для користувачів сайту.

Статистика після запуску

Пропрацювавши декілька тижнів у тестовому режимі, сервіс був запущений з рекламою на основному сайті «Нова Пошта» та розсилкою по базі клієнтів. Великий потік нових реєстрацій досить успішно конвертувався в замовлення, що підтвердило очікування на успіх сервісу в цілому. Звичайно, запуск нового сервісу завжди пов’язаний з операційними проблемами в перший час, але оперативний зворотній зв’язок від користувачів дозволяє швидко їх виправляти і виділяти слабкі місця сервісу. Саме завдяки користувачам ми розуміємо, як покращувати і розвивати сервіс.

Редизайн головної сторінки

Для наших користувачів головна цінність сервісу полягала в можливості придбати товар в іншій країні. Тому до глобального запуску сайту ми оновили головну сторінку сервісу, змістивши акценти з доставки на країни і товари. Для кожної країни ми додали впізнавані фонові зображення. У першому ж екрані з’явилися спеціально підібрані акційні пропозиції на товари з різних інтернет-магазинів.

Також ми оновили калькулятор вартості. Раніше ми розраховували лише ціну розмитнення товару. Зараз ми обчислюємо і вартість доставки, і митні платежі. Для зручності користувача ми додали приклади вартості для різних типів товарів, знову зміщуючи акцент з доставки на товар.

Без косметичних змін не залишився практично жоден розділ сайту. Крім головної сторінки ми серйозно оновили каталог магазинів і картку замовлення. Незабаром після цього сервіс досяг вражаючої цифри в 100 тисяч замовлень, оформлених користувачами.

Особливості бекенд

На проекті активно використовується RabbitMQ для важливих завдань:

• Розсилка повідомлень;
• Реалізація відкладених завдань;
• Email-розсилка;
• Відправка даних на зовнішні джерела.

В процесі розробки постало завдання зробити мультисайт, де під сайтом мається на увазі окрема країна. Для кожної країни було передбачено наявність власних інтернет-магазинів, адрес доставки і валюти. При виборі користувачем країни змінюється URL за типом www.npshopping / країна / мова інтерфейсу.

Для створення такого рішення ми використовували Sonata Page Bundle і Symfony CMF Routing зі своїм доповненням для перевизначення бандлів. Адмін реалізована на Sonata admin bundle, також ми використовували Block bundle і SEO bundle.