сайт технически устарел и требовал обновления;
сайт медленно работал, что сказывалось на конверсии, особенно на мобильных устройствах.
на сайте не хватало элементов call to action, заказчик хотел сделать не просто интернет-магазин, но сервис, который бы предлагал возможность заказать дизайнера или воспользоваться одним из конфигураторов рольштор/карнизов;
Когда клиент обратился к нам, он уже слышал про компанию SLAM и знал, что мы занимаемся разработкой быстрых сайтов. При первом общении заказчик дал нам понять, что один из критериев выбора подрядчика — именно компетенция в разработке быстрых сайтов. На рынке Беларуси у нас просто нет конкурентов в этой компетенции, поэтому мы начали совместный проект.
С чем пришел к нам клиент
Перед нами стояла цель сделать сайт как можно быстрее, т.к. клиент готовился к новому сезону продаж и было очень важно запустить сайт перед стартом сезона. Поэтому была выбрана стратегия поэтапного запуска сайта.
Старт работ
Клиент пришел к нам с уже готовым дизайном. Дизайн-макет был полностью выполнен другой студией и предоставлен Заказчиком отдельно. Нам лишь оставалось сделать быструю верстку и грамотно реализовать техническую часть на 1С-Битрикс.
Дизайн
01
Старый сайт компании нуждался в переработке по совершенно традиционным причинам:
При интеграции слайдеров и банеров мы использовали наш модуль slam. image, который бережно сжал каждую картинку и сконвертировал ее в формат .webp
Главная
Состояние слайдера 1
Главная страница
Состояние слайдера 2
АС ФОРОС — интернет-магазин карнизов и штор. Сайт оснащен многоуровневым каталогом, корзиной пользователя, возможностью покупок онлайн, конструктором товаров.
функционал тегированных ссылок для сбора трафика;
подробная карточка товара с выводом до 3 уровней sku.
быстро работающий фильтр на AJAX;
02
Затем сложность увеличивалась. После запуска главной страницы мы приступили к реализации каталога. Главной трудностью на проекте оказался подборщик в карточке товара. Необходимо было сделать так, чтобы он работал исправно и не влиял на скорость загрузки страницы. На некоторых карточках имеется три переключателя и в зависимости от выбранного параметра в одном свойстве, могут изменяться доступные свойства в других параметрах, а также меняются картинки товара. Нужно было сделать так, чтобы при загрузке страницы, все доступные картинки товара не загружались в общем потоке во избежание долгой загрузки страницы.
Мы справились с этой задачей успешно.
Мы справились с этой задачей успешно.
Также при реализации каталога не забыли и про оптовых покупателей.
Если на сайте авторизовался пользователь из группы «Оптовый покупатель», то список товаров меняет свой вид и при ховере на карточку товара сразу отображаются возможные варианты изделий, и кнопка «В корзину», чтобы оптовый покупатель мог не тратя время на посещение детальной карточки товара собрать заказ. Такое решение значительно сокращает время наполнения корзины.
Если на сайте авторизовался пользователь из группы «Оптовый покупатель», то список товаров меняет свой вид и при ховере на карточку товара сразу отображаются возможные варианты изделий, и кнопка «В корзину», чтобы оптовый покупатель мог не тратя время на посещение детальной карточки товара собрать заказ. Такое решение значительно сокращает время наполнения корзины.
Каталог проекта имеет классический SLAMовский набор элементов:
Отдельно пришлось интегрировать каждую корпоративную страничку из предоставленного дизайна. На сайте практически нет просто текстовых шаблонов.
С программированием корзины не возникло никаких сложностей. Была успешно интегрирована онлайн оплата банковской картой, картой рассрочки и оплата через систему ЕРИП.
Каталог
Установка карнизов
Установка жалюзи
Доставка
Оплата
Каталог товаров
Корзина
Страница товара
Установка рольштор
Замер
Рассрочка
Контакты
03
Центральной частью проекта являются конструкторы рольштор и карнизов. На момент старта работ они уже были разработаны заказчиком и, в целом, функционировали. Но работали медленно, на загрузку первого шага уходило до 5 секунд, что очень негативно сказывалось на конверсии.
Поэтому нашей основной задачей, помимо незначительной стилизации, стало увеличение скорости работы конфигураторов, поиск узких мест кода и его рефакторинг.
Сейчас калькулятор загружается мгновенно, с ним стало приятно работать покупателям, что положительно сказалось на конверсии продаж.
Выбранную конфигурацию пользователь может добавить в корзину и купить под заказ.
Конструкторы
Конструктор карнизов
Конструктор рольштор
Была произведена интеграция с Б24. Все заказы с сайта попадают в CRM систему.
Помимо заказов была настроена передача событий из форм на сайте, что позволяет мгновенно реагировать менеджерам компании на входящие лиды.
Помимо заказов была настроена передача событий из форм на сайте, что позволяет мгновенно реагировать менеджерам компании на входящие лиды.
Мы запустили проект ровно в заявленные сроки к сезону.
В несколько этапов закончили разработку сайта, оптимизировали его скорость.
Мы настроили синхронизацию с Битрикс24 и улучшили конверсию на сайте.
В несколько этапов закончили разработку сайта, оптимизировали его скорость.
Мы настроили синхронизацию с Битрикс24 и улучшили конверсию на сайте.
Сразу после Ас Форос мы сделали отдельную версию сайта https://as-mart.ru/ на рынок России. Сегодня мы продолжаем сотрудничество и поддержку проектов Ас Форос.
На Рейтинге Байнета 2022 проект asforos. by был признан лучшим интернет-магазином Беларуси. Вообще SLAM собрал 9 наград и получил первое место в Рейтинге Креативности!
Дизайн-макет был полностью выполнен другой студией и предоставлен Заказчиком отдельно.
Синхронизация с Битрикс24
Итоги работы