DOBROTEH.BY

Интернет-магазин электротехнического оборудования по всей Беларуси

Дата запуска август 2025

React
Laravel
Webpack
Docker
MySql
CSS
Evolution CMS
Redis

VSCode
PhpStorm
Figma
Photoshop
Illustrator
Terminal
Git
GitHub
Billing Qmedia
Bitrix24
Cypress
Swagger

О клиенте

Dobroteh.by — белорусский интернет-магазин, предлагающий широкий ассортимент электротехнического и строительного оборудования, инструментов, крепёжных элементов и расходных материалов. Компания ориентирована на частных покупателей и профессионалов, стремясь обеспечить качественные товары по доступным ценам и удобный сервис онлайн-покупок.

О проекте

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

Основные задачи

Оптимальная структура сайта
Продуманная иерархия страниц, понятная пользователю и соответствующая требованиям поисковых систем.
Корзина для оформления заказов
С возможностью редактирования, выбора доставки и оформления заявки в несколько кликов.
Простое администрирование
Система управления сайтом должна быть максимально дружелюбной к контент-менеджеру без технического бэкграунда.
Формы обратной связи
Для быстрого контакта пользователя с менеджером.
Адаптивный дизайн
Комфортный UX на всех устройствах — от мобильных телефонов до широкоформатных мониторов.
Поддержка дальнейших интеграций
С CRM, платёжными системами.

01 — Проектирование

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

При проектировании структуры сайта мы учитывали следующие требования:

SEO-оптимизация. Иерархия и названия разделов были разработаны с учётом ключевых запросов, что позволяет с самого начала готовить сайт для продвижения.
Удобство для рекламных кампаний. Структура сайта должна обеспечивать лёгкость создания посадочных страниц под разные офферы и источники трафика.
Гибкость на будущее. Все ключевые элементы были заложены таким образом, чтобы в дальнейшем было легко добавлять новые страницы, категории и функционал.

02 — Дизайн и вёрстка

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

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

03 — Программирование

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

С помощью MODX пользователи могут:

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

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

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