Что это за проект
Демо новой версии сайта компании из Екатеринбурга: каталог приводной техники INVT из 9 разделов, 9 услуг от подбора до пусконаладки, контакты и форма запроса.
Кто пользуется: Инженеры и снабженцы, подбирающие оборудование
Какую задачу решает
Преобразователь частоты — техника, которую покупают по параметрам, но выбирают по пониманию. Сайт объясняет, зачем нужна каждая группа оборудования и как её подобрать, человеческим языком, не превращаясь в учебник, а каталог из 9 разделов и форма запроса доводят до заявки. Это демо новой версии сайта компании: его можно открыть и проверить скорость прямо сейчас.
Объяснить, а не завалить терминами
Инженер и снабженец читают по-разному. Текст держит середину: технически точно, но без обязательного знания темы.
Скорость как аргумент
Промо-страница, которая грузится секунду, доказывает подход убедительнее рассказа о нём.
Анимация служит смыслу
Движение на прокрутке показывает работу привода, а не отвлекает от чтения.
Что я сделал
- Дизайн и вёрстка с нуля, без шаблонов
- Анимации на прокрутке
- Оптимизация скорости первого экрана
- Размещение на своём сервере
- Многостраничная версия: главная, каталог, 9 страниц разделов с таблицами серий, услуги и контакты
- Форма запроса сама подставляет выбранный раздел каталога
Что умеет сайт
- Разделы с объяснением техники
- Анимация на прокрутке
- Быстрая загрузка первого экрана
- Адаптив под телефон
- Каталог из 9 разделов
- Страница услуг: 9 услуг по этапам
Разделы
- Частотные преобразователи
- Источники бесперебойного питания
- Контроллеры и панели оператора
- Шкафы управления
- Дроссели
- Фильтры ЭМС
- Батарейные шкафы
- Командоаппараты
- Радиоуправление
- Услуги
- Контакты
На чём сделано
- Next.js 16 и React 19
- Tailwind CSS 4
- GSAP и Lenis
- Nginx и systemd на своём сервере
Про дизайн
Сайт живёт на моём сервере как открытая демонстрация: его можно открыть и проверить скорость прямо сейчас.
