Разработка сайта интернет-магазина

Предыстория

С клиентом работаем уже давно — вместе прошли путь от сайта с простым функционалом до интернет-магазина с системой отслеживания брошенных корзин, интеграцией сервиса email-маркетинга, Bitrix24 и другими функциями. 

Однако, все доработки производились на устаревшей архитектуре, разработанной еще до старта работ с нами. По мере роста компании росла и потребность в улучшении производительности интернет-магазина.

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

О клиенте 

«АЮНА» – ведущий дистрибьютор профессиональной косметики в России. С 2003 года разрабатывает и производит косметику для профессионального и домашнего ухода — в интернет-магазине насчитывается более 250 наименований продукции. Компания развивает направление обучения косметологов и занимает прочные позиции на рынке, однако нуждалась в технологической модернизации интернет-магазина для дальнейшего роста и укрепления лидерства.

Вводная задача от заказчика

Разработать комплексное решение — новый интернет-магазин, сохранив функциональность текущего сайта и уровень продаж в процессе перехода. 

Цели проекта

• Разработать функциональный интернет-магазин для дальнейшего масштабирования. 
• Обеспечить бесшовную интеграцию сайта с существующими и будущими сервисами: CRM (Bitrix24), системами оплат (ЮKassa, Robokassa), службами доставки (BoxBerry, СДЭК, Почта России), маркетинговыми платформами (Mindbox) и мессенджерами (ВКонтакте, WhatsApp, Telegram).
• Разработать новую архитектуру сайта, обеспечивающую гибкость и масштабируемость для внедрения новых модулей и функций, включая систему авторизации для косметологов и обучающий портал.
• Улучшить пользовательский опыт за счет интерактивных элементов (квиз по подбору уходовой косметики) и персонализированных предложений (email-рассылки, промокоды), что позволит повысить лояльность клиентов и привлечь новую аудиторию.
• Создать единую цифровую среду, объединяющую все каналы коммуникации с клиентами (сайт, email, мессенджеры), для повышения эффективности маркетинговых кампаний и улучшения клиентского сервиса.

Бизнес-обоснование

«АЮНА» стремится не только решить технические проблемы, но и создать интегрированную диджитал-платформу, которая позволит: 

• укрепить свои позиции на рынке 
• повысить лояльность клиентов — как профессиональных косметологов, так и обычных покупателей 
• расширить возможности для продвижения продукции и обучения
• увеличить объемы продаж. 

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

Что сделали?

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

Анализ и проектирование интеграционной архитектуры

Первым шагом стало детальное изучение существующих интеграций (Bitrix24, email-оповещения, системы оплат, службы доставки) и определение наиболее оптимального способа их переноса. Мы проанализировали API всех используемых сервисов, чтобы выявить возможности для более глубокой и гибкой интеграции.

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

Выбор платформы 

Для разработки сайта выбрали фреймворк Laravel. Выбор платформы был обусловлен ее гибкостью, масштабируемостью и развитой экосистемой инструментов для разработки API. Это позволило нам создать надежный фундамент для будущих интеграций.

Модульная архитектура

При разработке архитектуры нового сайта мы применили модульный подход, что позволило выделить отдельные функциональные блоки (каталог продукции, корзина, личный кабинет) в независимые модули. Это упростило процесс интеграции новых функций и сервисов в будущем.

Интеграция по API

Внешние сервисы подключали по API, что позволило бесшовно обмениваться данными между сайтом и CRM-системой, платежными системами, службами доставки и другими.

Интеграция ключевых сервисов

CRM (Bitrix24)

Усовершенствовали интеграцию с Bitrix24, обеспечив автоматическую передачу данных о клиентах, заказах и взаимодействиях с сайтом. Теперь менеджеры «АЮНА» получают полную информацию о каждом клиенте и оперативно реагируют на его запросы.

Системы оплат (ЮKassa, Robokassa)

Реализовали гибкую интеграцию с платежными системами, обеспечив возможность принимать платежи различными способами (банковские карты, электронные кошельки и т.д.).

Службы доставки (BoxBerry, СДЭК, Почта России)

Интегрировали сайт со службами доставки, что позволило клиентам выбирать удобный способ доставки и отслеживать статус заказа в режиме реального времени.

Маркетинговые платформы (Mindbox)

Интеграция с Mindbox позволила автоматизировать отправку персонализированных email-рассылок, промокодов и других маркетинговых уведомлений.

Создание новых функций и интеграция маркетинговых инструментов

Квиз по подбору косметики

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

Мессенджеры (ВКонтакте, WhatsApp, Telegram)

Интеграция с мессенджерами позволила отправлять уведомления об акциях и других важных событиях напрямую пользователям.

Авторизация

Реализовали систему авторизации для разного типа учетных записей — пользователи, которые покупают косметику для домашнего ухода, и аудитория профессиональных косметологов. 

Разработка обучающего портала

Разработали обучающий портал в виде базы знаний (вебинары, семинары, курсы, обучающие материалы) для повышения квалификации косметологов и информирования обычных пользователей. 
Ранее сборка посадочных страниц для обучающих мероприятий, например, онлайн-курсов, проходила на платформе Tilda и интегрировалась на сайт. В новом решении лендинги собираются в административной панели и автоматически отображаются на сайте. Это значительно упрощает самостоятельную разработку страниц сотрудниками компании. 

Технологии

Laravel 
PHP

JS
HTML
CSS

Заключение

«С заказчиком работаем уже не первый год, и за это время видим, как наши диджитал-решения помогают компании развиваться. В этом проекте мы постарались учесть все требования и пожелания, чтобы наши совместные усилия дали прорывной результат. Гордимся проделанной работой и результатами, которых мы достигаем с «АЮНА» вместе»,
— Вячеслав Сизиков, project-менеджер Activica 

Отзыв клиента

«Activica не только выполнила все наши требования, но и превзошла наши ожидания. Их профессионализм, коммуникативные навыки и стремление к совершенству были видны на каждом этапе сотрудничества. Этот проект стал ярким примером того, чего можно достичь благодаря эффективному партнерству и общему видению. Благодарим команду за их вклад в успех данного проекта. С нетерпением ждем дальнейшего сотрудничества»,

— Юлия Могучая, директор по развитию «АЮНА».

После запуска

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