«Диагностика металлов»: обновили сайт лаборатории, объединив визуальную концепцию, SEO и экспертный контент

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

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

Задача

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

• SEO-продвижение. Сохранить существующую структуру страниц, важную для поискового продвижения, и обеспечить доступность специализированного контента.

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

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

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

1. Разработали визуальную концепцию на основе фактуры металла

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

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

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

2. Визуализировали лабораторные услуги с помощью анимации

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

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

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

3. Сохранили SEO-структуру и сделали контент удобнее для чтения

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

Работа не ограничивалась визуальным обновлением. Мы уделили внимание читабельности текстов и представлению большого объёма специализированной информации. На сайте раскрываются отдельные направления исследований, представлены сведения о марках металлов и предусмотрен доступ к нормативной документации.

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

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

4. Реализовали поиск по сайту

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

Для этого на сайте предусмотрена функция поиска.

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

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

5. Сделали оформление заявки практичным инструментом взаимодействия

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

Для этого предусмотрена форма заявки с возможностью прикрепить файл.

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

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

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

6. Реализовали сайт на WordPress

Для разработки использовали CMS WordPress. Это позволяет управлять содержанием сайта и работать с информационными страницами без необходимости каждый раз создавать отдельное техническое решение для обновления контента.

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

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

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

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

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

• Упрощает поиск информации. Встроенный поиск дополняет навигацию по специализированному контенту.

• Поддерживает взаимодействие с клиентами. Форма с возможностью прикрепить файл позволяет отправить заявку непосредственно через сайт.

• Сохраняет основу для SEO-продвижения. При обновлении мы оставили существующую структуру страниц и уделили внимание читабельности контента.

Главный принцип проекта заключался в том, чтобы совместить выразительный дизайн с практическими задачами B2B-сайта.

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