EN RU
Напишіть нам
Попередній Наступний

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

https://npshopping.com

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

  • Зробити новий дизайн головної сторінки, перепроєктувати весь інтерфейс;
  • Переписати двигун сайту з нуля на Symfony2;
  • Зробити налаштування адмін-панелі для управління контентом;
  • Створити адмін-панель для операторів складу;
  • Реалізувати мультидоменність, мультишаблонність, багатомовність;
  • Інтегрувати сайт з зовнішнім сервісом NPI (SOAP).

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

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

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

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

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

Процес замовлення реалізований за допомогою 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.

Над проєктом працювали:

  • Владимир Сутовский
    Владимир Сутовский

    Руководитель проектов

  • Максим Нестерук
    Максим Нестерук

    Руководитель отдела дизайна

  • Руслан Хомяк
    Руслан Хомяк

    Руководитель отдела Frontend

  • Евгений Жолкевский
    Евгений Жолкевский

    Backend разработчик

  • Тимур Болотюх
    Тимур Болотюх

    Backend разработчик

  • Миша Гасюк
    Миша Гасюк

    QA-менеджер

  • Евгений Гуринович
    Евгений Гуринович

    Руководитель отдела DevOps

  • Андрей Ляшок
    Андрей Ляшок

    Frontend разработчик

  • Александр Арбузов
    Александр Арбузов

    Проектный менеджер

  • Николай Аникиенко
    Николай Аникиенко

    Дизайнер

Приклади розробки веб-сайтів