ПРОМАРКО — сайт производства торгового оборудования

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

• Главный экран с анимацией на прокрутке. На компьютере прокрутка напрямую управляет кадром видео: изделие проходит фазы «Чертёж → Каркас → Отделка → Готово», подписи фаз переключаются синхронно, затем камера въезжает в готовый объект и проявляется бренд.
• Три режима одного героя. На компьютере с мышью — управление прокруткой. На телефонах и планшетах — автовоспроизведение отдельного облегчённого ролика. При системной настройке «уменьшить движение» и на низких экранах — статичный финальный кадр. Для тех, кто не хочет смотреть, есть кнопка «Пропустить анимацию».
• Первый экран появляется сразу, без ожидания видео: браузер в первую очередь грузит финальный кадр (fetchpriority=high), а у ролика запрашиваются только метаданные.
• Собственная тема без конструктора страниц. Стили разделены по шаблонам — главная, внутренние страницы, портфолио, — и каждая страница грузит только своё.
• Посадочные страницы направлений: торговое оборудование, металлообработка, перфорация и аксессуары, выставочные стойки, озеленение, мягкая мебель. У каждой — свои виды работ, материалы и призыв оставить заявку.
• Портфолио с фильтром по направлениям: «Мебель и ресепшн», «Озеленение», «Торговое оборудование».
• Своя форма заявки без плагинов форм: защита nonce, скрытое поле-ловушка для ботов и проверка «телефон или e-mail» — клиенту достаточно оставить один способ связи.
• Согласие на cookie по 152-ФЗ через наш плагин Cookie Consent Mascot в строгом нейтральном оформлении: аналитика не запускается до нажатия «Разрешаю».

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