Продолжить незавершённое оказалось недостаточно
«РитТех» занимается кабельными системами и решениями для ИТ-инфраструктуры. К нам проект пришёл после незавершённой разработки: слабый код и непродуманная архитектура затрудняли дальнейшую работу. Задача выходила за рамки наполнения страниц или финальной настройки. Требовалось переустроить сайт, который должен работать с большим количеством технических данных и нестандартными функциями для профессиональной аудитории.
Мы работали с проектом на MODX. Техническое наследство требовало внимания одновременно к программной основе и к организации содержания. Таблицы, спецификации и изображения нельзя рассматривать отдельно от навигации: от способа их представления зависит, как посетитель изучает решение и переходит к нужному уровню технических подробностей.
Техническая сложность видна в самих товарах
На экране решений компании представлены кассетные полки, коммутационные патч-панели и оптические сборки. Карточки показывают предметные изображения и небольшие таблицы характеристик под ними. Здесь продукция различается не только внешне: технические параметры должны оставаться доступными рядом с названием. Для каталога такого типа содержание — часть интерфейса, а не дополнительный текст после рекламного баннера.
Мы упорядочили технические данные и переосмыслили пользовательские потоки для работы с таблицами, спецификациями и инфографикой. В карточках решений этот подход выражен соседством предметного изображения и кратких параметров. Читатель получает первоначальное представление о типе оборудования и его характеристиках в одном блоке, прежде чем переходить к более подробному изучению выбранного направления.
Переработка архитектуры и прикладные инструменты
После аудита мы приняли решение переписать проект и изменить архитектуру. Оптимизация кода сопровождалась переработкой представления большого объёма информации. Вместо продолжения отдельных неудачных решений задача была поставлена на уровне всей системы: как устроен каталог, каким образом организованы технические материалы и как пользователь движется между корпоративной частью и содержанием о конкретных продуктах.
Мы разработали конструктор решений и систему записи на технические курсы. Эти функции связывают сайт с прикладными задачами компании: подбором оборудования и образовательным направлением. Площадка выходит за пределы презентации ассортимента. Рядом с каталогом появляются инструменты, через которые посетитель может продолжить работу с предложением и компетенциями дистрибьютора.
Корпоративная подача без потери предметности
Раздел о компании использует крупную фотографию серверного пространства. На её фоне размещены поясняющий текст и показатели опыта «РитТех». Карточки решений и принципы работы оформлены светлее: они стоят на спокойном фоне с яркими синими акцентами. Контраст отделяет имиджевое представление от чтения содержательных блоков, сохраняя общий характер технического бренда.
По краю крупных секций присутствуют вертикальные надписи, а элементы перелистывания выделены синим. Нижняя навигация ведёт к компании, решениям, проектам и партнёрам. Повторяющиеся ориентиры связывают разные по подаче разделы: от фотографии серверного оборудования до аккуратной сетки логотипов. При этом карточки продукции сохраняют место для параметров и предметных изображений.
Партнёрская работа тоже получает свой раздел
Отдельная секция представляет принципы компании: технологические решения, склад, логистику и взаимодействие с партнёрами. Раздел партнёров продолжает её сеткой логотипов организаций. Эти страницы расширяют описание предложения за пределы отдельных комплектующих. Технический заказчик может изучать не только изделие, но и окружение поставки — кто представляет оборудование и как организует собственную работу.
Корпоративные сведения и ассортимент соединяются через общую навигацию. Информация об опыте и партнёрской сети остаётся в своих разделах, а каталог концентрируется на решениях и их свойствах. Так разные типы содержания получают самостоятельную форму: карточку, технические параметры, текст о компании или перечень партнёров. Это делает структуру проекта различимой на уровне каждого экрана.
Результат переработки
Проект получил новую архитектуру на MODX, организованное представление технической информации, конструктор решений и запись на курсы. Корпоративные разделы компании и партнёров соседствуют с карточками кабельного оборудования. В результате сайт объединяет презентацию дистрибьютора и профессиональное содержание, сохраняя для каждого из этих направлений собственные инструменты и навигационные маршруты.
Главным итогом стала переработка незавершённого проекта в связанную систему. Мы изменили программную основу, упорядочили содержание и добавили прикладные функции. Для «РитТех» сайт теперь представляет не только отдельные компоненты, но и решения, компетенции и возможности взаимодействия с компанией — от изучения технической продукции до участия в обучении.
Проект в деталях
Иллюстрации из портфолио OOMI показывают версию проекта на момент съёмки. Цены, акции и контакты внутри изображений могут быть неактуальны.