Глобальная цель: Редизайн и модернизация сайта с применением современных технологий. Рефакторинг кода и обновление интегрированной системы IIKO Transport.
Задачи:
1) Сделать простую и быструю регистрацию по номеру телефона.
2) Дать возможность клиенту сделать заказ из городов: Новосибирск, Барнаул, Бийск.
3) Отображать на сайте весь доступный ассортимент продукции, подгружаемый с IIKO Transport.
4) Отображать всю информацию о товаре в доступном и читаемом формате (тип товара, эн.ценность, состав, количество рыбы)
5) Отображать две цены на товар (цена доставки и самовывоза).
6) Дать возможность прикреплять сопутствующие товары.
7) Дать возможность выбирать соусы и добавлять ингредиенты по вкусу.
8) Реализовать бонусную программу с двумя программами на выбор: бонусные баллы (с подсчетом баллов за каждую покупку) и подарочные баллы, начисляемые за различные активности.
9) Реализовать систему частичной оплаты методом ввода скидочной карты.
10) Реализовать реферальную программу, по которой клиент сможет получить бонус, за регистрацию друга на сайте.
11) Дать возможность положить товар в избранное.
12) Реализовать эксклюзивное меню, доступное при достижении определенной суммы в корзине.
13) Реализовать подсчет стоимости суммы за доставку, в зависимости от выбранного адреса.
14) Реализовать возможность заказа к определенной дате и времени.
15) Реализовать возможность нескольких методов оплаты.
16) Реализовать систему ограничений для оплат на сайте.
17) Сделать удобную административную панель для работы с содержимым сайта.
Решение:
Разработка прототипа и дизайна с учетом требований ТЗ, основ UX/UI и накопленного опыта в работе с данной тематикой.
Рефакторинг и обновление кода, обновление старого функционала и добавление нового. Подключение новой IIKO Transport и обновление административной панели.
Реализация требуемых функций пользовательской и административной сторон сайта.
1. Аналитика
В процессе продолжительного сотрудничества мы анализировали работу проекта и фиксировали уязвимые места. Также собирали обратную связь от клиента и пользователей сайта. По итогу получился пул работ, которые планировалось реализовать на обновленном сайте.
Непосредственно перед разработкой нового прототипа и дизайна дополнительно были проанализированы прямые конкуренты.
2. Дизайн
Визуальное направление было определено брендбуком. Необходимо было использовать только фирменные цвета компании, поэтому был реализован только 1 вариант, который в дальнейшем и принял клиент.
Главная
Корзина
3. Верстка и программирование
Над проектом работали 3 Fullstack-разработчика. Нагрузка была поделена в равной степени на каждого из них, благодаря чему мы смогли оперативно выполнить всю техническую часть с учетом дополнительных пожеланий заказчика во время разработки.
Также отдельно был выделен специалист для интеграции и работы с новой системой IIKO Transport.
4. Тестирование
Реализованный ресурс тестировался на протяжении 1 месяца на соответствие визуальной и технической составляющей, а также корректной работы в связке с IIKO Transport.
Так как нашей целью являлось увеличение скорости загрузки сайта и облегчение покупки со стороны пользователя, нам необходимо было придерживаться определенных по ТЗ параметров загрузки. Важно было проверить работу сайта на каждом этапе оформления заказа.
Итог
На данный момент, исходя из статистики Яндекс Метрики и показателей PageSpeed Insights, сайт работает гораздо быстрее, имеет более высокие показатели посещаемости, конверсии и низкий процент отказов.
Отдельно выделяем работу новых бонусной и реферальной программ, которые выгодно выделяют сайт среди конкурентов и, однозначно, нравятся клиентам, поскольку позволяют экономить на покупках.
Еще одним преимуществом стал функционал открытия новых точек продаж. Поскольку сеть точек постоянно расширяется, возникла необходимость их быстрого открытия и старта продаж. Для этого был написан дополнительный функционал и вынесены его отдельные элементы в административную панель, чтобы клиент мог самостоятельно вносить изменения в работу таких точек.