Загрузка... 0

Антарес

Компании-поставщику школьного оборудования и мебели требовалось разработать сайт, создающий полное представление обо всем разнообразии поставляемой продукции и предоставляемых услуг, а также позволяющий легко подобрать необходимый товар и сделать заказ.
Начало работ
20.06.2022
Окончание
18.11.2022
Адрес сайта
antares-it.ru
Антарес
01 Задача
Создание сайта с нуля в современном дизайне и школьной стилизации
Проработка логичной структуры и удобной навигации
Внедрение функционала по подбору оборудования
Добавление форм по сбору заявок и обратной связи
02 Решение

1. Создание сайта с нуля в современном стиле и школьной стилизации.

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

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

slide_0slide_1

2. Проработка логичной структуры и удобной навигации. 

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

Здесь мы реализовали одновременно два решения: первое – конструктор учебных классов, второе – каталог по типу оборудования. К примеру, в блоке «Кабинет астрономии» заказчик может подобрать любую из 94 единиц оборудования, которым оснащают кабинеты астрономии. Что до каталога, то, выбрав раздел «Оборудование для пищеблока» или «Робототехника», клиент оперативно найдет нужный товар. Такой подход обеспечивает быструю и удобную навигацию по сайту.

Воспользоваться можно и отдельным поиском, форма которого расположена в верхней части сайта.

slide_0slide_1slide_2slide_3

3. Внедрение функционала по подбору оборудования.

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

Быстро ознакомиться с товаром можно благодаря форме быстрого просмотра, подробнее – перейдя на страницу с детальным описанием, условиями оплаты и доставки. Тут же можно добавить товар в корзину и сделать заказ. Помимо корзины, товар можно добавлять и в избранное.

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

4. Добавление форм по сбору заявок и обратной связи.

Вторая функция из основных – сбор заявок на составление сметы. Реализована она разными способами. Оставить заявку можно, добавив товар в корзину, нажав из каталога кнопку быстрого заказа или запросив техническое задание и помощь в подборе оборудования из страницы товара. Также получить предложение от компании можно из раздела предоставляемых услуг, меняющихся слайдеров и форм обратной связи, расположенных поверх основного экрана. Всё сделано для удобства пользователя и повышения конверсии.

 
03 Результаты

slide_0slide_1slide_2slide_3slide_4

Сайт с обширным каталогом и удобными формами подбора школьного оборудования. Множество форм по сбору заявок и обратной связи облегчают взаимодействие между компанией-поставщиком и клиентами из системы образования. Благодаря реализации на фреймворке Yii2 и использованию технологий быстрой загрузки сайт работает без промедления и сбоев.

+39%

рост конверсии в запись

на 53%

сокращено время оформления записи

+20%

рост конверсии мобильной версии сайта

+146%

глубина просмотров
Винотека Win-Win
Винотека Win-Win