Компания «Роксистемы» разрабатывает и внедряет роботизированные комплексы для промышленных предприятий.

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

Мне предстояло не просто освежить дизайн, а спроектировать и собрать полноценный B2B-сайт, который объясняет сложную тему понятно и без технического тумана.

Задача

Разработать современный корпоративный сайт на WordPress, который:
— представляет компанию как официального интегратора Yaskawa;
— показывает основные направления роботизации;
— помогает перейти от производственной задачи к конкретному решению;
— демонстрирует реализованные проекты и опыт компании;
— объединяет информацию об оборудовании, сервисе, обучении и запчастях;
— позволяет запросить консультацию или коммерческое предложение;
— адаптирован для мобильных устройств и дальнейшего SEO-продвижения.

Что сделал

Исследовал нишу и выстроил структуру

Работу начал с изучения материалов заказчика, сайтов конкурентов и структуры спроса.

В промышленном B2B недостаточно написать «автоматизируем производство» и поставить рядом фотографию робота. Клиенту нужно быстро понять:

• какие задачи решает компания;
• какие типы комплексов существуют;
• чем они отличаются;
• есть ли опыт похожих внедрений;
• куда обратиться за расчётом.

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

Одно только направление сварки было разделено на отдельные типы систем: со сварочным столом, позиционерами, линейным треком, портальные и мобильные комплексы.

Главный пользовательский сценарий получился простым:

направление → конкретное решение → примеры проектов → запрос консультации или КП.

Спроектировал и оформил сайт

В Figma разработал дизайн главной страницы, раздела решений и типовой страницы роботизированного комплекса.

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

Использовал:

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

Собрал сайт на WordPress

Проект реализован на WordPress с темой Enfold, которую серьёзно адаптировал под утверждённый дизайн.

Собрал и наполнил:

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

Всего — более 20 полноценных внутренних страниц.

Организовал работу с материалами

У проекта был большой объём исходников: технические тексты, каталоги, фотографии, 3D-модели, описания оборудования и комментарии специалистов.

Все материалы и правки фиксировались в рабочей таблице по конкретным страницам и блокам. Иначе файлы быстро начинают называться финал, финал2 и вот_теперь_точно_финал, а это уже отдельный жанр промышленной автоматизации.

Настроил техническую часть

Сайт адаптирован для мобильных устройств, настроены формы заявок, SEO-параметры, человекопонятные адреса страниц, карта сайта, безопасность, резервное копирование и базовая оптимизация производительности.

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

Результат

Компания получила не просто обновлённый дизайн, а полноценную цифровую презентацию своей экспертизы.

Новый сайт:

• показывает масштаб и специализацию «Роксистем»;
• помогает разобраться в сложных инженерных решениях;
• связывает направления работы с реализованными проектами;
• ведёт пользователя от задачи к конкретному оборудованию;
• позволяет запросить расчёт по выбранному комплексу;
• готов к развитию, наполнению и SEO-продвижению.

Посмотреть сайт:
https://rocksystems.ru

P.S. Если нужен сайт, который не просто «красиво выглядит», а реально работает как витрина и ведёт к продажам — можем собрать такую же систему под ваш продукт. Давайте обсудим!