Как мы показали масштаб завода пресс-форм через матрёшку
О проекте
Клиент: New Form, российско-китайская производственно-инжиниринговая компания полного цикла: от проектирования пресс-форм до запуска серийных производств и автоматизации заводов. Четыре площадки в России и Китае, больше 60 000 м², работа с 1994 года.
Цель: новый образ бренда в сети, который подчеркнёт федеральный масштаб компании и избавит от образа «мастерской с одним принтером».
Задача: структура и дизайн корпоративного сайта, на который потом встанут личный кабинет клиента и маркетплейс комплектующих.
Результат: сайт на MODX с четырьмя направлениями, своим визуальным языком и SEO-структурой с этапа прототипа.
Почему старый сайт не работал
Сайт на Битриксе прятал масштаб компании. Сложные услуги лежали одной кучей, органического трафика почти не было, а компания, которая закрывает задачи Газпрома, выглядела студенческим проектом. При этом новый сайт должен был говорить и со снабженцем завода, и с техническим директором федеральной корпорации.
Путь клиента
В нише работают три канала: выставки, рекомендации и поиск оборудования. Клиенты часто ищут термопластавтомат и не знают, что сначала им нужна пресс-форма. Мы решили, что сайт должен объяснять порядок работ и вести от идеи изделия до серийного выпуска. На первом экране это одна фраза и три кнопки: «Начать проект», «Каталог комплектующих», «Готовые пресс-формы».
Прототип до дизайна
Чёрно-белый UX-прототип помог согласовать логику переходов до отрисовки и сэкономил 30% бюджета на правках. Семантическое ядро собрали тогда же, структура страниц выросла из него.
Форма как язык
В основе дизайна сложные объёмные формы: New Form отливает идеи в точные изделия. Матрёшка из логотипа стала набором вложенных 3D-форм и символом российско-китайского союза. Палитра из яркого розового и глубокого фиолетового выделяет компанию среди серых сайтов отрасли, у каждого направления свой цвет.
Персонаж и люди
Сквозной герой сайта это 3D-голова Эйнштейна: за каждой формой стоит расчёт. В блоке услуг она перекрашивается вместе с карточкой при переключении направления. Ещё одну опору бренда нашли в команде клиента: в New Form много женщин-инженеров, и мы показали их вместо привычных «мужчин в касках».
«Мы выстроили прямую связь между формой изделий компании и визуальным языком сайта. Типографика должна была передать серьёзность бренда и его динамику одновременно», Илья Мельник, дизайнер студии «Арбуз».
Что получилось
- Четыре направления (пресс-формы, автоматизация, прототипирование, изготовление изделий) со своими страницами, цветами и визуальным рядом.
- SEO-структура с этапа прототипа.
- Сайт, который не стыдно показывать на международных выставках, и рабочий инструмент для отдела продаж вместо сайта-визитки.
- Кейсы и статьи компания публикует сама через админку MODX, по нашей видеоинструкции.
Полный кейс New Form с видео на сайте студии «Арбуз»
#Веб-дизайн #Сайты #Интерфейсы