PODEM.BY

Каталог грузоподъемного оборудования
Дата запуска май 2025
  • React

    React

  • Laravel

    Laravel

  • Webpack

    Webpack

  • Docker

    Docker

  • MySql

    MySql

  • CSS

    CSS

  • Evolution CMS

    Evolution CMS

  • Redis

    Redis

  • Elasticsearch

    Elasticsearch

  • VSCode

    VSCode

  • PhpStorm

    PhpStorm

  • Figma

    Figma

  • Photoshop

    Photoshop

  • Illustrator

    Illustrator

  • Terminal

    Terminal

  • Git

    Git

  • GitHub

    GitHub

  • Billing Qmedia

    Billing Qmedia

  • Bitrix

    Bitrix

  • Cypress

    Cypress

  • Swagger

    Swagger

О клиенте

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

О проекте

Проект для компании КИТ Подъем стартовал с чистого листа. Компания специализируется на продаже грузоподъемного, дробеметного и дробеструйного оборудования и ряде других направлений. Основная цель проекта — создать современный, функциональный и технически совершенный сайт, готовый к активному SEO-продвижению и масштабированию.

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

Что перед нами стояло

Мы сформулировали следующие ключевые цели:

  • Разработка интуитивно понятного каталога товаров с удобной навигацией.
  • Создание гибкой архитектуры сайта с возможностью масштабирования (добавление новых разделов и функций).
  • Достижение высокой скорости загрузки страниц сайта и общей технической производительности.
  • Обеспечение адаптивности под различные устройства и экраны.
  • Улучшение пользовательского пути от первого визита до оформления заявки.

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

  • Оптимальную структуру сайта
    Логичную, удобную для пользователя и соответствующую требованиям SEO
  • Многоуровневую систему доступа
    Разграничение прав для администраторов, редакторов и менеджеров
  • Удобную мобильную версию
    Не просто адаптацию, а продуманную мобильную UX-логику
  • Простое администрирование
    Интерфейс админ-панели должен быть понятен даже тем, кто ранее не работал с CMS
  • Инструменты для маркетинга
    Баннеры, промо-блоки, всплывающие форм

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

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

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

При проектировании структуры было важно соблюсти несколько ключевых требований:

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

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

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

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

Фокус в дизайне:

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

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

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

Функционал сайта позволяет:

  • Добавлять, удалять, редактировать и временно скрывать товары, категории и подкатегории в каталоге;
  • Управлять информационными разделами — статьи, страницы «О компании», блоки с контактами и другие материалы;
  • Создавать новые разделы и страницы с помощью готовых шаблонов, где уже предусмотрены все необходимые поля;
  • Работать с контентом может любой сотрудник, обладающий базовыми навыками работы на компьютере — это значительно упрощает администрирование.

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

  • Для каждой страницы предусмотрена настройка Title и Description, что важно для SEO;
  • Реализован раздел со статьями — это создает базу для контент-маркетинга;
  • Учтены все базовые требования поисковых систем: чистые URL, файлы Robots.txt и Sitemap.xml, страница 404 и другие SEO-настройки;
  • Есть возможность создавать лендинги под конкретные рекламные кампании или поисковые запросы;
  • Установлены счётчики Яндекс.Метрики и Google Analytics 4 для детального анализа поведения пользователей.

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

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