Редизайн сайта для производителя пресс-форм New Form

New Form проектирует и изготавливает пресс-формы, льёт изделия из пластика под давлением, делает прототипы и автоматизирует производственные линии. Это российско-китайская компания полного цикла: четыре площадки, три в Китае и одна в России, 60 000 м², работа с 1994 года.

Клиенту был нужен корпоративный сайт, который покажет федеральный масштаб и снимет образ «мастерской с одним принтером». На сайт потом встанут личный кабинет клиента и маркетплейс комплектующих. Мы отвечали за структуру, прототип, дизайн, 3D-графику, тексты и разработку на MODX.

Старый сайт работал на Битриксе и проигрывал самой компании. Услуги от литья под давлением до изготовления оснастки лежали одной кучей. Органического трафика почти не было. Компания закрывает задачи Газпрома, а сайт выглядел как студенческий проект.

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

Путь клиента

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

Поэтому сайт объясняет порядок работ и ведёт посетителя от идеи изделия до серийного выпуска. Первый экран говорит об этом прямо: «Сопровождаем проекты от первой идеи до производства готовой продукции». Под заголовком три кнопки на три сценария: «Начать проект», «Каталог комплектующих», «Готовые пресс-формы».

Прототип

До дизайна собрали чёрно-белый UX-прототип и согласовали с клиентом логику переходов. Спорные решения закрыли на схеме, это сэкономило 30% бюджета на правках. Семантическое ядро собрали на том же этапе, и структура страниц сразу выросла из него.

Визуальный язык

Основа дизайна это сложные объёмные формы: New Form отливает идеи в точные изделия, и сайт говорит об этом картинкой. Матрёшку из логотипа мы превратили в набор вложенных 3D-форм. Она похожа и на пресс-форму, и на путь изделия от детали к серии, а ещё работает как символ российско-китайского союза.

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

Персонаж

Сквозной герой сайта это 3D-голова Эйнштейна, модели прислал клиент. Она напоминает, что за каждой формой стоит расчёт. В блоке услуг голова перекрашивается вместе с карточкой и кнопкой, когда посетитель переключает направление.

«Мы выстроили прямую связь между формой изделий компании и визуальным языком сайта. Типографика должна была передать серьёзность бренда и его динамику одновременно», Илья Мельник, дизайнер студии «Арбуз».

Люди в бренде

В команде New Form много женщин-инженеров. Мы показали их на сайте вместо стереотипных «мужчин в касках». Живые лица делают компанию открытее, а в B2B доверие решает многое.

Разработка

Сайт собран на MODX: главная, страницы четырёх направлений и ремонта пресс-форм, «О компании», портфолио, блог и контакты. Тексты главной, услуг и раздела о компании написали мы. На кнопке заявки в шапке стоит фраза самой компании «Превратить ХЗ в ТЗ». Кейсы и статьи New Form публикует сама, по нашей видеоинструкции.

• Четыре направления, пресс-формы, автоматизация, прототипирование и изготовление изделий, получили свои страницы, цвета и визуальный ряд.

• SEO-структура заложена с прототипа, сайт готов к борьбе за высокочастотные запросы отрасли.

• Сайт не стыдно показывать на международных выставках.

• Вместо сайта-визитки отдел продаж получил рабочий маркетинговый инструмент.