Разработка сайта-каталога для производственной компании BATAB

Спроектировали и разработали на 1С-Битрикс сайт для производителя корпоративных аксессуаров: каталог продукции, калькулятор, формы заказа, персональные рекомендации и автоматическое определение региона

BATAB — производственная компания полного цикла, специализирующаяся на изготовлении бейджей, табличек, номерков, наградных досок и шильдов. Проект работает с 2009 года. Компания самостоятельно выполняет обработку продукции и доставляет заказы более чем в 400 населённых пунктов России.

Создать функциональный сайт-каталог, который систематизирует продукцию BATAB, упрощает выбор и расчёт изделий и переводит посетителя от интереса к конкретному заказу

• ровести маркетинговый анализ;

• разработать техническое задание;

• спроектировать пользовательские сценарии;

• подготовить прототипы;

• разработать дизайн;

• выполнить адаптивную верстку;

• реализовать сайт на 1С-Битрикс;

• настроить базу данных и инфоблоки;

• разработать каталог;

• реализовать систему фильтров;

• создать калькулятор стоимости;

• добавить персональные товарные рекомендации;

• реализовать региональную адаптацию;

• настроить формы обращения;

• подготовить административную часть;

• протестировать и запустить проект.

Этап 1. Аналитика и проектирование

• изучили направления бизнеса;

• определили основные товарные категории;

• проработали путь клиента до заказа;

• разработали техническое задание;

• подготовили прототипы;

• проработали юзабилити;

• определили структуру страниц;

• заложили функциональные сценарии каталога и калькулятора.

Этап 2. Дизайн сайта

• разработали визуальную концепцию;

• подготовили дизайн ключевых страниц;

• оформили каталог;

• проработали карточки продукции;

• визуально выделили основные действия;

• подготовили интерфейсы калькулятора;

• предусмотрели подачу отзывов и портфолио;

• сохранили понятную структуру при большом количестве информации.

Этап 3. Адаптивная верстка

• выполнили десктопную верстку;

• адаптировали интерфейс под планшеты;

• адаптировали сайт под смартфоны;

• подготовили корректное отображение в диапазоне от 320 до 1920 px;

• проверили основные пользовательские сценарии на разных разрешениях.

Этап 4. Разработка на 1С-Битрикс

• настроили CMS;

• создали структуру базы данных;

• настроили инфоблоки;

• запрограммировали главную страницу;

• реализовали контентные страницы;

• настроили раздел «О компании»;

• реализовали раздел отзывов;

• добавили страницу доставки и оплаты;

• реализовали раздел «Как сделать заказ»;

• добавили портфолио.

Этап 5. Каталог и фильтрация

• разработали каталог продукции;

• структурировали товарные категории;

• настроили фильтры;

• реализовали подбор бейджей;

• реализовали подбор табличек;

• реализовали подбор шильдов;

• реализовали подбор номерков;

• упростили переход от категории к нужному изделию.

Каталог BATAB сегодня включает основные направления продукции: бейджи, таблички, номерки, наградные доски и шильды.

Этап 6. Калькулятор и персональные сценарии

• разработали калькулятор стоимости;

• настроили выгрузку кода калькулятора;

• реализовали функцию «Заказать похожий»;

• добавили блок «С этим товаром рекомендуют»;

• реализовали блок «Вы просматривали эти товары»;

• разработали отдельную страницу опроса;

• связали функциональные элементы с дальнейшим сценарием обращения.