Интернет-магазин «Тортомастер»
Интернет-магазин федеральной сети с посещаемостью 10 000 посетителей в сутки. Более 50 магазинов по всей России.
«Пятый элемент» — кирпичный завод с собственным производством и розничными продажами строительных материалов
Суть проекта
Клиент пришёл с сайтом, который перестал справляться с задачами бизнеса: устаревший интерфейс, неработающая навигация по каталогу, карточки товаров без нужного функционала. Нужно было не просто «обновить дизайн», а пересобрать ключевые пользовательские сценарии.
Цель проекта
Сделать сайт современным и аккуратным, улучшить презентацию продукции и ключевые пользовательские сценарии.
Технический стек
Битрикс, JS, HTML.
Разработка сайта на 1С Битрикс выбрана как основа: встроенная защита, удобная админка, масштабируемость и большой маркетплейс готовых модулей — то, что нужно производственной компании с каталогом и дилерской сетью.
JavaScript использовали там, где пользователю нужен мгновенный отклик: динамический калькулятор в карточке товара, фильтрация каталога без перезагрузки, попап увеличения фото.
Этапы работ
1. Прототип
2. Дизайн
3. Верстка и программирование (интеграция)
4. Тестирование
5. Передача заказчику сайта на 1С Битрикс
Что сделали
Шапка
Заменили иконки и шрифты. Обновили логотип, сделали кликабельным. Обновили кнопку «Заказать звонок» с формой, отправкой в админку и простой капче. Настроили кликабельность и маршруты ключевых кнопок.Главный баннер
Главный баннер: добавили видео, обновили текст, добавили кнопку «В каталог». Блоки: обновили типографику, кнопки/переключатели слайдеров, привели карточки к размеру как в макете. Блок «Задать вопрос о продукции»: переработали по макету, сделали телефон и email кликабельными.Каталог
Реализовали фильтрацию по сериям с возможностью задавать изображения серий через админку. Сделали отдельные элементы «Фильтр» и «Сортировка» выпадающими списками. Обеспечили дефолтный фильтр «Все серии» при входе.
Что сделали
Карточка товара
Слайдер фото: миниатюры, переключатели, попап увеличения по клику. В карточке товара реализовали связанную логику: при переключении фактуры автоматически меняется набор фотографий в слайдере. Калькулятор: динамический пересчёт «Итого», добавление в избранное с учётом количества.Избранное и «Где купить»
«Избранное»: печать, ссылка на дилеров, список товаров с количеством и итоговой ценой. «Где купить»: фильтр страна → регион → город, вывод точек на карте и списка филиалов; предусмотрен режим вывода всех дилеров и догрузка списка при скролле.Подвал
Пересобрали подвал по макету, сделали телефон/почту кликабельным.
Почему именно этот стек сработал:
1С Битрикс
Разработка сайта на 1с Битрикс включает встроенные модули защиты, обеспечивает дальнейшую масштабируемость, удобную админ-панель и обширный маркетплейс готовых решений, что делает систему идеальной для интернет-магазинов и корпоративных порталов.
JS
JS позволяет создавать динамические элементы (анимации, всплывающие окна, обновление контента без перезагрузки страницы), делая сайты более привлекательными. JS-код выполняется непосредственно в браузере пользователя, что обеспечивает мгновенный отклик интерфейса. JavaScript поддерживается всеми современными браузерами и легко интегрируется с другими технологиями.
HTML
Высокая скорость работы: статические сайты на HTML быстрее загружаются и не создают «мусорного кода», что улучшает производительность. Интеграция: Легко сочетается с CSS для стилизации и JavaScript/PHP для функциональности.
Результаты
Для пользователя
Клиенты получили предсказуемый интерфейс, а именно понятный путь от каталога до карточки товара, встроенный калькулятор и возможность сохранить подборку для менеджера через «Избранное».
Для бизнеса
Разработка сайта на 1с Битрикс позволила получить сайт, которым клиент может управлять самостоятельно: добавлять серии в каталог, обновлять изображения фактур, вести базу дилеров с привязкой к карте — всё через стандартную админку Битрикс без привлечения разработчика.