Кейс: сайт для многопрофильного химического производства

Что было

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

Главная проблема — не было ясного послания. Посетитель плохо понимал: что это за компания? Чем она может быть полезна? Где её сильные стороны?

Кроме того:

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

Нам предстояло все это исправить.

Проектирование

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

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

Мы организовали процесс так:

1. Провели интервью с ключевыми фигурами.
2. Зафиксировали все требования.
3. Сформировали прототип, который позволил увидеть структуру до начала дизайна.

Особый момент — защита прототипа.

Мы приехали на встречу, где в одном кабинете собралось более 10 человек: директор, профессора, маркетологи, технологи. Наша задача была — не просто показать, а провести презентацию так, чтобы получить чёткое «да» и продолжить работу.

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

Работа над проектом

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

1. Переработка логотипа

Старый логотип не вписывался в современный дизайн, поэтому мы предложили три новых концепции:

• Одна — максимально близкая к оригиналу.
• Две — смелые, с переосмыслением бренда.

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

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

2. Фотосессия производства

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

Фотосессия длилась более недели, охватила 15 локаций на 24 гектарах. В итоге мы смогли показать предприятие с лучшей стороны, подчеркнув технологичность и порядок.

Результат — сотни отснятых кадров, из которых отобрали лучшие.

3. Перенос и адаптация контента

Мы сохранили всю ценную информацию со старого сайта, но переупаковали её:

• убрали дубли;
• выстроили логическую структуру;
• написали новые тексты там, где их не хватало;
• перевели всё на английский.

И да — мы сами заполнили сайт контентом. Обычно этого не делаем, чтобы клиенты учились управлять CMS. Но здесь — решили сделать «под ключ», потому что объём работы был огромным, а сроки — жесткими.

Идеи

В проекте родилось несколько важных решений.

1. Два языка — одна платформа.

Английская версия — не просто перевод, а инструмент выхода на международный рынок. Она позиционирует компанию как глобального поставщика. В будущем СКТБ «Технолог» планируют развиваться в этом направлении, и теперь у них есть готовый инструмент для старта.

2. Акцент на фармацевтическом направлении.

Хотя компания делает много всего, именно фармацевтика — её коммерческое лицо.
Мы вынесли это направление на первый план, добавили научные данные, сертификаты.

3. Удобное решение проблемы с большим объемом данных.

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

Дизайн

Клиент вдохновлялся сайтом Bayer — стилистическим хорошо отражающим специфику отрасли, однако по нынешним меркам устаревшим. 

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

В итоге выбрали сбалансированный вариант:

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

Мы использовали их как основной визуальный элемент:

— интерьеры лабораторий;
— рабочие процессы;
— оборудование;
— фото сотрудников.

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

Верстка

Мы придерживаемся принципа не «pixel perfect», а «главное — визуальная точность». Наша задача здесь — чтобы сайт выглядел так же, как в макете, без искажений. Это важно, чтобы оправдать доверие клиента: он должен видеть, что его задумка реализована.

Интеграция

Сайт работает на CMS Umbraco — нашей любимой платформе для промышленных проектов.

Почему именно она?

• Надежность — сайт не сломается от случайного действия.
• Гибкость — легко создавать пользователей с разными правами.
• Удобство — обучение работе с системой занимает 10 минут, даже для «не технарей».
• Журнал изменений — можно отследить, кто и что менял, и при необходимости откатить.

Пример: сотрудник из отдела новостей может публиковать только новости; HR — только вакансии; администратор — все. И никто не сможет случайно удалить раздел с продукцией.

Интересные детали

• На сайте более 50 страниц, включая двухъязычные версии.
• Все тексты — уникальные, адаптированные под ЦА.
• На главной — динамические блоки с преимуществами, которые можно менять без кода.
• Есть раздел с кейсами, научными разработками, сертификатами.
• Формы заявок — в шапке, на каждой странице услуг, в футере.