GREENWORKS.BY

Интернет-магазин официального дилера Greenworks в Беларуси
Дата запуска август 2025
  • React

    React

  • Laravel

    Laravel

  • Webpack

    Webpack

  • Docker

    Docker

  • MySql

    MySql

  • CSS

    CSS

  • Evolution CMS

    Evolution CMS

  • Redis

    Redis

  • VSCode

    VSCode

  • PhpStorm

    PhpStorm

  • Figma

    Figma

  • Photoshop

    Photoshop

  • Illustrator

    Illustrator

  • Terminal

    Terminal

  • Git

    Git

  • GitHub

    GitHub

  • Billing Qmedia

    Billing Qmedia

  • Bitrix24

    Bitrix24

  • Cypress

    Cypress

  • Swagger

    Swagger

О клиенте

Greenworks.by — белорусский интернет-магазин, специализирующийся на продаже садовой техники, ручного инструмента и сопутствующих товаров под брендом GREENWORKS.

О проекте

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

Контейнер телефона
Контейнер планшета

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

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

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

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

Основные требования, которые мы учли при проектировании структуры:

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

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

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

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

Со своей стороны мы подготовили:

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

После согласования макетов, мы приступили к вёрстке сайта.

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

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

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

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

Мы также заложили возможности для масштабирования и интеграции в будущем:

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

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

* — поля, обязательные для заполнения
г. Минск, ул. Притыцкого, 2/3, 3 этаж, офис 23