Возникли вопросы?
Оставьте заявку и наши эксперты проконсультируют вас
Оставьте заявку и наши эксперты проконсультируют вас
Разработка сайта, UX/UI дизайн-концепции и верстка для обслуживания дизельных агрегатов
Cайт «Дортехмаш»
Сайт предлагает дорожно-строительную технику, запчасти и услуги по ремонту двигателей, КПП, мостов и трансмиссии. Это не просто каталог, а инструмент выбора, который помогает ориентироваться в ассортименте и оформлять заявки.
«Дортехмаш» — продажа и ремонт дорожно-строительной техники и ее ключевых агрегатов
О проекте
Сайт должен решать несколько задач: помогать ориентироваться в технике и услугах, показывать уровень компании и объяснять особенности подбора и обслуживания узлов спецтехники, снижая неопределённость при выборе. Структура выстроена так, чтобы каждый экран последовательно формировал доверие: от общего представления о компании — к категориям техники и услуг, преимуществам и удобным способам оформления заявки.
Задача от заказчика
Что нужно было сделать
Для проекта использована лаконичная визуальная система, подчеркивающая технологичность и надежность сервиса. В сфере дорожно-строительной техники важно понятное представление ассортимента и услуг, поэтому дизайн построен на строгой сетке, читаемой типографике и акцентных элементах, упрощающих восприятие информации и выбор решений.
UX/UI
#000000
#FFFFFF
#1E4098
#FCC900
Размер шрифта
Палитра
Шрифт
16px
28px
50px
Regular
Semiold
Aa
Aa
Aa
Manrope
Дизайн и айдентика
Преимущества разработки на MODX + React
MODX позволяет выстроить сайт под конкретные задачи бизнеса: каталоги, услуги, региональные страницы, новости, формы и дополнительные разделы без жестких шаблонных ограничений.
1. Гибкая архитектура
Клиент может редактировать тексты, добавлять страницы, обновлять карточки, новости и разделы через административную панель MODX без постоянного обращения к разработчику.
3. Удобное управление сайтом
React помогает создавать быстрые и удобные пользовательские интерфейсы: динамические блоки, фильтры, интерактивные элементы, плавную навигацию и работу страниц на разных устройствах.
2. Современный интерфейс на React
Разработка проекта
Реализация
Для создания сайта использовали связку MODX + React, что позволило реализовать гибкую структуру, нестандартную логику разделов, быструю работу интерфейса и удобное управление контентом без ограничений типовых конструкторов.
Сделали проект
на платформе MODX
Дизайн разработан
в программе Figma
Настроили все устройства
Адаптация
Планшетные устройства
от 640px
Ноутбуки и компьютеры
от 980px и более
Мобильные устройства
от 320px
Результаты разработки
Готовый проект
Получился современный сайт, который помогает наглядно представить технику и сервис, повысить интерес к компании и упростить процесс выбора и оформления заявок. Проект сочетает понятную структуру, лаконичный визуальный стиль, адаптивную верстку и продуманную подачу информации, последовательно знакомящую пользователя с категориями, услугами и преимуществами.
Интернет-магазин техники и запчастей «Дортехмаш»
В сегменте дорожно-строительной техники сайт должен работать с профессиональной аудиторией, для которой особенно важны ассортимент, назначение оборудования и возможность быстро связаться с поставщиком. Поэтому интернет-магазин «Дортехмаш» проектировался вокруг каталога техники и запчастей, а не вокруг абстрактной презентации компании.
Айдентика и UX/UI-дизайн подготовлены в Figma. При проектировании интернет-магазина необходимо заранее определить категории, связи между товарами и основные действия посетителя. Для технического ассортимента визуальная привлекательность не заменяет четкой структуры: пользователь должен быстро понимать, где искать необходимую позицию и как запросить дополнительную информацию.
Проект реализован на MODX и React. Такая технология подходит для каталогов, которые требуют гибкости и дальнейшего расширения. Разработка интернет-магазина на MODX позволяет выстроить административную часть под бизнес-задачи, а React использовать для современных пользовательских интерфейсов и интерактивных элементов. Страницы адаптированы для разных устройств.
Готовый сайт объединяет каталог и корпоративную информацию, позволяя «Дортехмаш» презентовать технику и запчасти в единой цифровой среде. Для B2B-магазина это особенно важно: ресурс должен одновременно работать как каталог и как инструмент генерации обращений. Другие примеры e-commerce проектов можно посмотреть на странице разработка интернет-магазинов, а полный список выполненных работ — в портфолио Кулибин IT.
Айдентика и UX/UI-дизайн подготовлены в Figma. При проектировании интернет-магазина необходимо заранее определить категории, связи между товарами и основные действия посетителя. Для технического ассортимента визуальная привлекательность не заменяет четкой структуры: пользователь должен быстро понимать, где искать необходимую позицию и как запросить дополнительную информацию.
Проект реализован на MODX и React. Такая технология подходит для каталогов, которые требуют гибкости и дальнейшего расширения. Разработка интернет-магазина на MODX позволяет выстроить административную часть под бизнес-задачи, а React использовать для современных пользовательских интерфейсов и интерактивных элементов. Страницы адаптированы для разных устройств.
Готовый сайт объединяет каталог и корпоративную информацию, позволяя «Дортехмаш» презентовать технику и запчасти в единой цифровой среде. Для B2B-магазина это особенно важно: ресурс должен одновременно работать как каталог и как инструмент генерации обращений. Другие примеры e-commerce проектов можно посмотреть на странице разработка интернет-магазинов, а полный список выполненных работ — в портфолио Кулибин IT.