Первый экран сайта «Технологии Ремонта Пути»

Задача

Разработать корпоративный сайт для компании, работающей в сфере обслуживания ЖД. На первом этапе необходимо было подготовить несколько визуальных концепций, чтобы заказчик мог выбрать наиболее подходящее направление. В дизайне важно было обыграть тему рельсов и «путей» как сквозной визуальный мотив. Отдельное внимание уделили структуре каталога оборудования, чтобы большой объём информации оставался понятным и удобным для пользователя.

Разработанные концепции — концепция 1 и два варианта цветов и шрифтов
Разработанные концепции — концепция 2, выбранная заказчиком

Основные пожелания заказчика

  1. Развить идею железной дороги как сквозного визуального элемента сайта.

  2. Вынести ключевые преимущества компании на первый экран.

  3. Использовать торец рельса как узнаваемый элемент фирменного стиля.

Главная страница корпоративного сайта

Визуальные и структурные решения

  1. Тема «пути» проходит через весь визуальный язык сайта

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

  2. Торец рельса стал фирменным графическим элементом

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

  3. Ключевые преимущества вынесены на первый экран

    Опыт компании, типы рельсов и количество выполненных стыков видны сразу, поэтому понятны масштаб и экспертиза компании.

  4. Главная страница последовательно раскрывает доверие к компании

    Услуги, преимущества, объекты и другие разделы выстроены в понятный сценарий, который постепенно подводит пользователя к заявке.

Разработка каталога

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

  2. Карточки товаров адаптированы под разные типы изображений — как с фоном, так и PNG без фона, сохраняя единый стиль каталога.

  3. Навигация построена через категории и подкатегории, что помогает быстрее ориентироваться в структуре и находить нужный тип продукции.

Каталог оборудования и фильтры

Внутренняя страница товара

  1. Условие

    Заказчик заранее предупредил, что объём и состав информации по товарам могут сильно различаться.

  2. Решение

    Страница построена по модульному принципу — отдельные блоки можно добавлять или убирать без нарушения структуры и визуальной логики.

Модульная страница товара: описание, характеристики и документы
Остальные внутренние страницы — ещё более 15 страниц

Мобильная версия

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

Мобильная версия корпоративного сайта и каталога