Cайт «Дортехмаш»

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

О проекте

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

Что нужно было сделать

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

UX/UI

Размер шрифта

Палитра

Шрифт

16px

28px

50px

Regular

Semiold

Aa

Aa

Aa

Manrope

Реализация

Для создания сайта использовали связку MODX + React, что позволило реализовать гибкую структуру, нестандартную логику разделов, быструю работу интерфейса и удобное управление контентом без ограничений типовых конструкторов.

Готовый проект

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

Рекомендации

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

Каталог и сервисная информация получили собственную логику представления. Для товарной части важна понятная навигация, для ремонта — описание возможностей и простой способ отправить запрос. В Figma сформировали интерфейсную систему и основные сценарии, связав UX/UI-дизайн с особенностями промышленной аудитории. Визуальный стиль остается технологичным и деловым, не перегружая страницу эффектами, которые отвлекали бы от характеристик и содержания.

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

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