Корпоративныйсайтпроизводителягрузовыхподъемников
С чем пришел клиент
Проблема
У компании был самописный сайт на устаревшей библиотеке jQuery, который работал крайне медленно (время загрузки 5-7 секунд). Было выявлено множество технических ошибок: отсутствие адаптивности, проблемы с кроссбраузерностью, устаревший код. SEO-проблемы: отсутствие метатегов, структурированных данных, медленная индексация, низкие позиции в поиске. Реклама генерировала мало заявок из-за плохого пользовательского опыта и низкой конверсии сайта. Клиенты жаловались на неудобство использования и долгую загрузку страниц.
Основные вызовы:
- ⚠️Устаревший самописный сайт на jQuery
- ⚠️Критически низкая скорость загрузки (5-7 секунд)
- ⚠️Множество технических ошибок и отсутствие адаптивности
- ⚠️Отсутствие SEO-оптимизации и низкие позиции в поиске
- ⚠️Низкая конверсия рекламы из-за плохого UX
- ⚠️Необходимость интеграции с AmoCRM
- ⚠️Сложный каталог продукции с множеством параметров
📉 Показатели ДО начала работ
Критическая ситуация
При текущих показателях клиент терял до 40% потенциальных заявок из-за высокой стоимости и низкой конверсии. Необходимо было срочное вмешательство.
Что мы сделали
💡 Решение
Разработан современный корпоративный сайт на Next.js 15 с App Router. Реализована полная типизация через TypeScript, оптимизированная работа с изображениями через Next.js Image с автоматической конвертацией в WebP/AVIF. Интеграция с PostgreSQL через Drizzle ORM для управления каталогом продукции и статьями. Настроена интеграция с AmoCRM для автоматической синхронизации заявок. Реализован калькулятор подъемников с интерактивными формами на React Hook Form + Zod. Оптимизирована производительность: standalone режим, кэширование через headers, оптимизация CSS через critters, tree-shaking импортов. Полная SEO-оптимизация: метатеги, структурированные данные Schema.org, sitemap, robots.txt, оптимизированные URL. Адаптивный дизайн на Tailwind CSS с mobile-first подходом.
Использованные технологии:
🔧 Этапы работы
Анализ текущего сайта и проблем
Проведён глубокий технический аудит: выявлены проблемы с производительностью, SEO, UX. Проанализированы метрики Google Analytics и Яндекс.Метрики. Изучены конкуренты и лучшие практики в индустрии.
Миграция на Next.js 15 с App Router
Полная переработка архитектуры: переход с jQuery на современный React стек. Использован App Router для оптимальной маршрутизации и Server Components для улучшения производительности. Настроен standalone режим для Docker деплоя.
Интеграция с PostgreSQL через Drizzle ORM
Настроена база данных для управления каталогом продукции, статьями и заявками. Использован Drizzle ORM для типобезопасных запросов. Реализованы миграции для версионирования схемы БД.
Разработка интерактивного калькулятора
Создан калькулятор подъемников с валидацией через React Hook Form + Zod. Реализована логика расчёта параметров с учётом технических характеристик. Интеграция результатов расчёта с формой заявки.
Оптимизация производительности
Настроена оптимизация изображений через Next.js Image с автоматической конвертацией в WebP/AVIF. Реализовано кэширование через headers для статических и динамических ресурсов. Использован critters для критического CSS. Настроен tree-shaking для уменьшения bundle size.
SEO-оптимизация
Реализованы метатеги для всех страниц, структурированные данные Schema.org (Organization, Product, Article). Созданы динамические sitemap и robots.txt. Оптимизированы URL, заголовки и описания. Настроена внутренняя перелинковка.
Интеграция с AmoCRM
Настроена автоматическая синхронизация заявок с сайта в AmoCRM. Реализована обработка статусов сделок и обратная связь. Настроены воронки для отслеживания конверсии.
Адаптивный дизайн
Создан полностью адаптивный дизайн с mobile-first подходом. Протестирована работа на всех устройствах. Оптимизированы формы и интерактивные элементы для мобильных устройств.
📊 Основные метрики
📈 Детальная аналитика
Динамика показателей по месяцам
💬 Отзыв клиента
Новый сайт кардинально изменил ситуацию. Скорость загрузки увеличилась в 6 раз, заявки выросли на 155%. Сайт теперь работает как часы, клиенты отмечают удобство использования. Интеграция с AmoCRM автоматизировала работу с заявками. ROI проекта составил 320% за первые 6 месяцев.