Сайт «Лакокраспокрытие»: ускорили процесс совершения сделки и создали 500 фото производства

Научно-производственное объединение Лакокраспокрытие (НПО ЛКП) — российская компания, которая 65 лет разрабатывает технологии нанесения лакокрасочных материалов и производит оборудование для окрашивания продукции в машиностроении и смежных отраслях.

Можете представить себе, как окрашивают грузовые автомобили, вагоны или, например, полностью собранное крыло самолета? Для этого используются специальные комплексы, камеры для подготовки поверхности, окрашивания и последующей сушки. Именно их, а также множество других решений для подобных задач производит ЛКП. Причем, компания является единственной в России, имеющей собственное производство, конструкторский отдел и научно-исследовательский центр.

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

Ключевым требованием к сайту была поисковая оптимизация — нужно было без потерь трафика пересобрать текущую структуру страниц, настроить SEO и обеспечить высокую скорость загрузки сайта.

Сейчас сайт Лакокраспокрытие закрывает все поставленные задачи. А также обеспечивает максимально простой контакт пользователя с компанией: акцентирует внимание на многолетнем опыте и преимуществах собственной разработки и производства НПО ЛКП — и быстро предоставляет пользователям информацию о продукции. 

Чтобы добиться такого результата, мы действовали поэтапно:

✔️ Побывали на производстве, проинтервьюировали руководителей компании и выявили базовые запросы и требования к сайту.

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

✔️ Оптимизировали структуру сайта, сократили количество страниц и улучшили их ранжирование в поисковых системах.

✔️ Доработали контент сайта так, чтобы максимально понятно донести до целевой аудитории преимущества работы с ЛКП и снять возможные возражения: убедить в высоком качестве и надежности продукции, подсветить полностью отечественное производство, раскрыть нюансы ценообразования.

✔️ Для нового сайта потребовались качественные фотографии — они должны были демонстрировать и готовую продукцию, и процессы ее разработки и производства. Поэтому мы приехали на производственную площадку со съемочной группой и вместе поработали над созданием классного фотосета.

✔️ Разработали запоминающийся дизайн сайта. Его основная особенность — визуальная подача. Фотографии производства, продукции и сотрудников ЛКП лежат в основе каждого блока сайта и помогают создать образ надежного партнера, демонстрируют опыт компании и сразу погружают в специфику отрасли.

✔️ Сверстали сайт, разработали фронтенд в формате SPA с использованием фреймворков Astro и бэкенд на 1С-Битрикс.

Первые интервью с заказчиком мы проводили на производственной площадке ЛКП, в Хотьково. Это помогло нам самим погрузиться в историю предприятия, изучить его работу, проникнуться атмосферой и понять, насколько грандиозные решения создают специалисты компании.

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

После этой поездки мы провели еще несколько интервью с руководителями, проанализировали отзывы, метрики старого сайта, карту кликов.

Изучили сайты конкурентов — российских и зарубежных компаний, а также сайты других тематик, схожие по функционалу.

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

На основе этого анализа мы конкретизировали боли заказчика и целевой аудитории, которые должен решать новый сайт.

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

2. Основная целевая аудитория сайта — это специалисты по закупкам крупных промышленных компаний. 

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

Эту задачу мы решали параллельно с этапом аналитики. Здесь мы проделали огромную работу — разобрали старую структуру сайта, оценили порядка 350 URL и выбрали из них страницы с самой большой посещаемостью и частотностью, чтобы избежать на новом сайте каннибализации трафика.

Мы выбирали самые эффективные страницы в каждом поисковом кластере, а семантически похожие на них объединяли через 301 редирект.

Так мы сократили количество страниц и улучшили ранжирование ключевых URL в поисковиках.

Чтобы нарисовать прототипы страниц, мы совместили:

• рекомендации по структуре сайта от SEO-специалиста

• результаты аналитики, собранные на первом этапе работы.

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

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

Также добавили на сайт новый раздел — Медиатека. Это своего рода база знаний обо всех проектах, технологиях и событиях НПО ЛКП.

Чтобы упростить взаимодействие клиентов с компанией мы предложили заказчику добавить на сайт опросный лист, документ в формате DOCX с типовыми запросами о проекте. Заказчики в этой сфере — люди довольно консервативные, им такой подход привычен. А для менеджеров ЛКП заполненный опросный лист сокращает долгий цикл сделки.

Заказчик поддержал все наши идеи и быстро согласовал вайрфреймы и новую структуру сайта.

Причем отдельно отметил то, насколько легко теперь будет найти на сайте примеры оборудования, которое создает компания компания. Для бизнеса ЛКП критически важно демонстрировать своим клиентам успешные кейсы, так как индивидуальные проекты составляют более 90% всех задач компании.

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

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

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

Поэтому мы взяли на себя под ключ задачу создания фотографий: собрали съемочную группу и отправились на производственную площадку ЛКП, чтобы собрать недостающий визуальный контент. Мы полностью спродюсировали съемку:

• договорились с заказчиком о том, какие этапы работ будем фотографировать;

• составили план работ;

• координировали работу фотографа на месте;

• отсняли различные этапы производства, готовую продукцию, работу конструкторского бюро и исследовательского центра.

В результате заказчик получил около 500 отличных изображений, а мы выбрали из них классные визуалы для сайта.

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

Основная фишка дизайна — те самые фотографии, которые мы сделали на производстве. Они лежат в основе каждого блока сайта.

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

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

На странице «О компании» разместили основные вехи в истории предприятия, фотографии ведущих специалистов, чтобы повысить доверие новых заказчиков.

В этом же блоке добавили наглядную структуру компании, тем самым еще раз подчеркнули наличие у ЛКП собственного исследовательского отдела и отдела проектирования.

Добавили на сайт легкие анимации, которые не перегружают, а «оживляют» восприятие, делают сайт запоминающимся. Например, анимировали заголовки и использовали масштабирование фона при смене содержимого блоков.

Чтобы подчеркнуть специфику компании, в дизайне использовали узнаваемые элементы, характерные для продукции ЛКП. Например, плашки со скошенными углами, пропилами и пазами, повторяющие чертежи для элементов сушильных камер.

Верхнее меню расположили в две колонки, а также отдельным пунктом вынесли контакты — почту и телефон. Для консервативной целевой аудитории сайта это привычные способы коммуникации, так мы упростили ей взаимодействие с ЛКП.

В дизайне учли требования к SEO — максимально аккуратно и незаметно для пользователя, чтобы не нарушать удобство пользования сайтом. Например, страницы категорий и подкатегорий каталога мы тоже сделали посадочными, но SEO-тексты — описание продукции и ответы на частые вопросы — разместили в самом низу страниц, чтобы сохранить «человеческий» UX.

Клиенту очень понравился дизайн: он настолько запал коллегам в душу, что был согласован вообще без правок! 

Сайт реализовали в формате SPA — Single Page Application, без перезагрузки контента при переходе между страницами.

Для фронтенда выбрали фреймворк Astro, оптимизированный для быстрой работы контентных сайтов. Он загружает только те элементы, которые необходимы на текущей странице, тем самым позволяет добиться скорость загрузки 100 баллов.

Бэкенд по выбору заказчика реализован на 1С-Битрикс.

Разработали новый сайт для НПО ЛКП, который отличает компанию от конкурентов и самых первых страниц показывает посетителям все преимущества: полностью российское производство, экспертность в области создания окрасочного оборудования и материалов, масштабные проекты и многолетний опыт.

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

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

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

✔️ Благодаря SEO-оптимизации удалось повысить ранжируемость страниц сайта и повысить трафик.

РЕЗУЛЬТАТЫ В ЦИФРАХ

Скорость сайта — 98 баллов по Lighthouse (Performance). Это топ-уровень для B2B-промышленности, где крупные сайты обычно набирают 30-60 баллов.

Глубина просмотра выросла на 21%: сайт мотивирует пользователей оставаться с ЛКП дольше и изучать информацию о компании и продукции

Отказы составляют всего 28%: это хороший показатель для b2b-сегмента, где пользователи часто приходят за конкретной информацией и хотят получить ее быстро.