NixWell — сайт-каталог нефтегазового оборудования на двух языках

Я Евгений Росляков, делаю сайты с 2016 года, от структуры и текстов до кода и запуска. Оформлен как самозанятый, поэтому работаем по договору, а бухгалтерия заказчика получает закрывающие документы. Базируюсь в Москве, но большинство проектов веду удалённо, в том числе для компаний с заказчиками за рубежом. Ниже разбираю один из моих проектов: сайт открыт и работает, всё можно проверить.

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

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

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

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

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

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

Главная. Первый экран — тёмная сине-зелёная гамма и формулировка задачи компании. Дальше история основателя вместо «О компании» и блок с флагами стран, чьи технологии компания объединяет: Бразилия, Россия, Индия, Китай и ЮАР. Флаги считываются быстрее любого абзаца про независимость. Потом шесть направлений работы, каждое одной фразой: от решений для заканчивания до инспекции оборудования и поиска технологий.

Каталог. Это самая используемая часть сайта: 13 разделов и 43 наименования — подвески хвостовиков, пакеры, муфты, башмаки, клапаны, центраторы, скребки. Разделы работают как фильтр, у каждого счётчик позиций. Карточка устроена так, как инженер ищет: обозначение, название и сразу параметры, например «Хвостовики Ø 102–194 мм · колонны Ø 140–245 мм». Вопрос «подойдёт ли к моей колонне» решается прямо в

списке. На главной каталог показан витриной: двенадцать разделов плиткой, снимки металла в едином холодном свете на тёмном фоне.

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

готов, его можно отправить вместе с ТЗ и получить решение и КП по выбранным позициям. Получилась корзина интернет-магазина, переделанная для B2B, где никто не покупает в один клик.

Форма-ТЗ. Заявка здесь — это техническое задание. Форма сразу собирает ФИО и должность, компанию, контакты, нужный срок поставки и описание задачи, а ещё принимает до пяти файлов по 10 МБ: чертежи, конструкции скважин, спецификации. Рядом блок «Что вы получите в ответ», чтобы человек знал, ради чего заполняет поля. Веб-безопасность без раздражения: скрытое поле-ловушка и Cloudflare Turnstile, который почти всегда проходит незаметно, без картинок со светофорами.

Процесс. Семь этапов вертикальной лентой с номерами — от ТЗ до сопровождения на скважине. Последние два, контроль производства с доставкой и сопровождение спуска, отличают инженерную компанию от

посредника, и на сайте это видно.

«Инженерные разработки». Самый необычный раздел: витрина технологий с задачей, принципом действия, опытом применения и автором. Заказчики сопоставляют технологию со своим объектом, разработчики находят тех, кто готов испытать и внедрить.

Английская версия. Производители и часть заказчиков за пределами России, поэтому EN повторяет структуру целиком: главная, о компании, каталог, разработки, блокнот, контакты. Переключатель RU / EN в

шапке каждой страницы.

NixWell получил рабочий инструмент для инженеров и закупщиков. Нашёл позицию по параметрам, собрал подборку, отправил её с ТЗ и файлами и заранее знает, что придёт в ответ. А раздел разработок делает

компанию точкой встречи для новых технологий отрасли.

Под капотом всё лёгкое. Сайт написан вручную, без CMS, каталог, фильтр и блокнот работают на собственном JavaScript, серверная часть простая. HTML главной в сжатом виде весит 11 КБ, 21 изображение из 23 подгружается по мере прокрутки, при загрузке 29 запросов. Подключены Google Analytics через Tag

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

Мобильная версия сделана для объекта, а не для офиса: блоки встают в одну колонку, а акцентный зелёный выделяет только действия — «Каталог оборудования», «Обсудить задачу», «В блокнот».

Если у вас сложная техническая номенклатура и клиенты, которые приходят с ТЗ, а не с вопросом «сколько стоит», напишите мне через freelance.ru. Расскажите, как сейчас выглядит ваш каталог и как к вам приходят

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