p.ua

Дизайн Frontend Backend QA Поддержка
P.UA
Печатай. Покупай. P.ua
Мы и не знали, что вопрос поиска картриджей и расходных материалов для принтеров в больших офисах стоит настолько остро. Найти грамотного подрядчика очень трудно, и первыми это поняли предприимчивые владельцы P.ua, они же дистрибьюторы компании Worldwide Manufacturing, ED. Они обратились к нам со своим проектом. Простота нахождения необходимого картриджа была озвучена как основная задача. Нередко заказ делает человек, который плохо разбирается в товарных номерах и маркировках, и ему хочется, чтобы все можно было понять интуитивно. Кроме того, в процессе оформления заказа ему нужно ненавязчиво предложить расходники, которые мы называем “сопутствующими покупками”.

Как все начиналось и во что выросло

С владельцами P.ua мы познакомились в 2012 году. Brander тогда разработал современный магазин с функционалом, полностью заточенным на реализацию покупательской способности. Мы хотели, чтобы покупатели находили нужные комплектующие для принтеров менее чем за 15 секунд, и нам это удалось. Около 7 лет ушло на то, чтобы превратить P.ua в сайт современного образца. Теперь на ресурсе помимо всего, что связано с печатной продукцией, можно обнаружить широкий спектр похожих и сопутствующих товаров. Каталог будет увеличиваться и в дальнейшем, а мы этому посодействуем.

Технические детали

Клиент хотел, чтобы работу сделали быстро, и мы исполнили его желание. Развить ускорение удалось благодаря Magento 2.3. Переход на Magento был не очень-то и простым, так что пришлось потрудиться. Проект развили до масштаба лидеров рынка в сегменте, поэтому нам пришлось учитывать массу нюансов, которые изменить уже не получалось. Мы обожаем подобные челленджи, а еще больше любим выходить из них победителями. В результате Brander смогли внедрить на сайте конверсионную логику, благодаря которой через P.ua можно проводить до тысячи сделок в день, не теряя динамику.

Внешний вид

Решили не перелопачивать UX/UI, а вместо этого сконцентрировать внимание на фронтенде и бэкенде. Мы разработали поисковый модуль и более десяти различных фильтров к нему, а также алгоритмы комплектации товаров. Покупатели научились находить нужные аналоги и расценки. Мы также добавили возможность оформления заказа на юридическое и физическое лицо. Об этом неоднократно просили покупатели P.ua, поэтому мы не могли просто проигнорировать их фидбеки.

Поиск 2.0

С помощью движка Elasticsearch добавили кастомную логику с поиском товаров, разделенных по категориям. Такой поиск позволил ввести гибкую систему категорий, где находить желаемое стало проще. Жертвовать эстетикой сайта не пришлось, что устраивало нас целиком и полностью.

Девайсы

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

У стандартного Magento есть только две категории статусов товаров: есть или нет в наличии. Мы решили, что этого недостаточно, и прописали неограниченное количество статусов для товаров. Благодаря удобствам интеграции с 1С администратор сайта брал все под свой контроль и настраивал под собственные нужды.

Про оптимизацию

Система научилась рассчитывать время доставки товара и отправлять соответствующие уведомления менеджерам. Фильтрацию товаров мы оптимизировали настолько, что выдача списка позиций с надстройками занимала считанные секунды. Особенно важно, чтобы все быстро работало на мобильных устройствах, но специалисты Brander добились и этого.

Категории

Для покупателя очень важна гибкость каталога. Мы ввели более 30 различных параметров: от стоимости до совместимости принтера с выбранным картриджем, чтобы покупатель не совершал бесполезных для него покупок. В кругу сотрудников Brander такая функция получила название “алгоритм аналогов”. Нам кажется, что это очень удачное название, не так ли?

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

Тюнинг

P.ua захотели себе расширенную электронную коммерцию от Google и Facebook Pixel, после чего они ее получили. Мы дополнительно настроили выгрузку Facebook и Google Feeds, а также решили не забывать про оптимизацию. Обновить оптимизацию нужно было для увеличения быстродействия на лаптопах и карманных девайсах.

Выводы

  • Обновленный сайт радовал глаз по многим параметрам. Мы смогли в несколько раз увеличить скорость загрузки, а также повысить износоустойчивость платформы. Теперь ни о каких “падениях” речь не идет, потому что сайт спокойно может выдерживать большие нагрузки, и при этом он не подвержен зависаниям из-за продолжительных сессий.
  • Поисковый модуль стал быстрее и точнее выдавать то, что ищет клиент. Мы хотели, чтобы даже при полном наборе фильтров можно было получить свой товар с точностью до одной буквы, и своего добились.
  • Алгоритм аналогов — это наша любимая фишка, которая помогает покупателю находить товар значительно проще и быстрее. Ошибки и неправильные выдачи неприемлемы, только стопроцентная точность.
Технологии
Frontend
HTML СSS HTML СSS GRUNT GRUNT REQUIREJS REQUIREJS
CMS
MAGENTO 2.3 MAGENTO 2.3
Backend
PHP PHP
Базы данных
MYSQL MYSQL REDIS REDIS FACEBOOK FEEDS FACEBOOK FEEDS GOOGLE FEEDS GOOGLE FEEDS
Services
ELASTICSEARCH ELASTICSEARCH
Сервисы доставки
Nova Posta Nova Posta Ukrposhta Ukrposhta Justin Justin
Биллинг
LIQPAY LIQPAY
Источники трафика
SMS SMS
Next
Сделаем проект вместе
Расскажите о вашем проекте:
Только один файл.
Ограничение 5 МБ.
Допустимые типы: pdf, doc, docx, odt, ods.
5 / 5 (129 голосов)