О клиенте

«СпецМонолитСтрой» это поставщик материалов для крупных строительных площадок с 2009 года. Компания реализует гидрошпонки, спец опалубку, строительные леса и подъемники. Ведет свою деятельность в первую очередь в Москве и Московской области.

О проблеме

С момента создания компании было разработано несколько сайтов-каталогов. Каждый сайт был направлен на освещение конкретного направления деятельности компании.

specopalubka.ru

speclesa.ru

vushki-tury.ru

hydro-shov.ru

renta-lift.ru

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

Что мы предложили:

• Разместить все сайты на нашем сервере
• Восстановить работоспособность
• Разработать карточку товара для массового добавления торговых предложений в корзину

Перенос сайтов на наш сервер

Сайты, с которыми к нам пришел заказчик, были технически устаревшими. Версия PHP 5.4, не позволяла получить обновления CMS 1С-Битрикс.

С решения этой задачи, мы и стартовали.

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

По итогу, что мы получили с учетом размещения всех проектов заказчика на нашем сервере:

• Облегчили заказчику доступ к своим сайтам. Все сайты лежали на одном сервере
• Смогли произвести все работы, не привязываясь к предыдущим разработчикам и серверам
• На старых серверах нашли 2 сайта, о которых заказчик уже забыл, мы их также сохранили и перенесли. Эти проекты стали использовать в будущем
• Смогли гарантировать работоспособность проектов и круглосуточную техподдержку

Каким образом переносили сайты?

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

Стартовали переезд сайтов с наименее важных и затем переходили к основным.

• Для начала активировали лицензии 1С-Битрикс
• После размещения сайта на нашем сервере на некоторых проектах были проблемы с совместимостью с версией PHP 7.4. Часть функционала переставала работать, другая работала некорректно. Что-то получалось решить итеративным обновлением Битрикса с постепенным переход от версии PHP 5.4 к 7.0 и уже затем к 7.4, что-то приходилось исправлять вручную. При этом за годы существования сайта пакетов обновлений накопилось 1000+
• После завершения работ по наладке и тестированию к сайтам подключили доменные имена, SSL сертификаты, настроили редиректы HTTP на HTTPS
• Настроили регулярное резервное копирование, чтобы всегда иметь актуальные бекапы сайтов.
• Таким образом переезд сайтов на новый сервер стал для пользователей и заказчика абсолютно бесшовным.

Дополнительные работы:

Дополнительные работы в основном касались сайта https://hydro-shov.ru/

Подключение reCaptcha 3.0

Клиенту на почту приходило много спама. в связи с этим было решено установить reCaptcha 3.0. Для обычного пользователя ничего не изменилось. Система по движению мышки определяет где настоящий пользователь, а где бот. Количество спама удалось снизить практически до нуля.

Настроили формы обратной связи

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

Установили модуль «Водяные знаки».

Клиент самостоятельно готовил графические материалы для наполнения каталога товаров сайта. Работа была проделана большая, и чтобы конкуренты не могли ими пользоваться был установлен и настроен модуль «Водяные знаки».

Отрисовка и интеграция сквозной шапки и подвала сайта

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

Было:

Стало:

Было:

Стало:

Нетиповая карточка товара

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

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

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

Таблица 1

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

Нас это никак не устраивало.

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

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

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

Гидрошпонка

Профильные уплотнения

Если товар не выбран, то кнопка «заказать» неактивна. Это дает понять пользователю, что в таблице необходимо выбрать товар

После выбора необходимого количества товара пользователь нажимает кнопку «заказать». Дополнительный выбор товара становится недоступен, а кнопка «Заказать» получает статус «В корзине». При переходе по ней пользователь может скорректировать заказ в корзине.

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

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

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

Результат

По итогу заказчик получил:

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