Как обновить сайт завода и сохранить характер бренда с 35-летней историей. Кейс НТЭС

НПО «НТЭС» (Научно-производственное общество «Новые технологии эксплуатации скважин») — завод из Татарстана с 35-летней историей. Команда НТЭС обратилась к нам с задачей обновить сайт и модернизировать логотип. Онлайн-представительство должно было соответствовать масштабу бизнеса и его текущему уровню.

В кейсе рассказываем, как проходила модернизация сайта производственной компании и каким образом мы выстроили взаимодействие с промышленным бизнесом.

О клиенте

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

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

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

Задача: аккуратная модернизация

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

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

Что важно было учесть:

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

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

• 🌿 Сохранение фирменной палитры. Зеленый цвет — основа айдентики, используется в продукции и корпоративных материалах.

• 🎥 Баланс динамики и статуса. Клиент хотел более «живой» сайт с видеофоном и анимацией, но важно было не превратить серьезный ресурс в демонстрацию эффектов.

Процесс: короткие итерации и выстроенное доверие

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

Часть решений потребовала доработки. В диалоге мы уточняли детали, чтобы найти такой вариант, который был бы для сайта НТЭС самым органичным.

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

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

Команда НТЭС активно участвовала в обсуждениях и поддерживала отличный темп коммуникации. Весь цикл занял около шести недель.

Визуальная концепция: динамика и статус

Клиент хотел более выразительный первый экран и ощущение движения. В новой версии мы добавили видеофон с кадрами производства — это сразу демонстрирует реальный процесс и масштаб.

Композиция главной страницы выстроена последовательно: информация о компании → направления деятельности → преимущества и сервис.

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

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

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

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

Структура и пользовательский опыт: ясность и логика

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

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

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

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

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

Обновление логотипа: сохранить суть, убрать лишнее

Логотип строился на метафоре разреза расходомера — одного из ключевых продуктов завода. Этот образ появился много лет назад и связан с историей компании. Менять его радикально было нельзя.

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

Работа над логотипом велась параллельно с редизайном сайта. Это позволило сразу проверить его в контексте интерфейса: в шапке, на разных фонах, в разных масштабах.

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

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