Next.js
Frontend, маршрутизация и структура страниц.
Tehnika v Nalichii
Многоязычный B2B-сайт и каталог спецтехники Cat® с детальными страницами моделей, формами заявок и интеграцией с CRM.
- Тип
- B2B-сайт / каталог
- Разработка
- Next.js
- Языки
- RU / KZ / EN
- Интеграции
- CRM / Analytics
01 · Каталог
Каталог техники
Пользователь видит несколько моделей в единой структуре, сразу получает ключевые характеристики и может перейти к подробной информации или запросить цену. Так каталог одновременно помогает изучать ассортимент и ведёт к коммерческому действию.
Задача
Коммерческий каталог, а не просто витрина
Задача требовала реализовать рабочий сайт, на котором пользователи могут изучать категории спецтехники, сравнивать доступные модели, знакомиться с подробными техническими характеристиками и отправлять коммерческие запросы.
Каталожная структура должна была оставаться понятной на десктопе и мобильных устройствах и одинаково последовательно работать в трёх языковых версиях.
Моя роль
Что я реализовал
- Разработка проекта на Next.js
- Адаптивная frontend-реализация
- Архитектура каталога и страниц моделей
- Формы заявок и CTA-сценарии
- Интеграция с CRM
- RU / KZ / EN локализация
- Подключение аналитики на стороне сайта
- Техническое SEO
- Развёртывание и запуск
Визуальный дизайн, переводы и технические данные по моделям были предоставлены или согласованы заказчиком.
02 · Страницы моделей
Детальная информация без потери контекста
Для отдельных моделей реализованы собственные страницы с фотогалереей, описанием, структурированными характеристиками, запросом цены и переходом к другим моделям. Технические данные были предоставлены заказчиком; моя задача — корректно реализовать их представление и навигацию.
03 · Конверсия
Сайт как инструмент получения заявок
Коммерческие CTA встроены в каталог и страницы моделей, чтобы посетитель мог перейти от изучения техники к запросу предложения в подходящий момент. Заполненные формы передаются в CRM клиента для дальнейшей обработки.
04 · Mobile
Адаптивная версия
Навигация, иерархия контента, карточки каталога и CTA-сценарии были отдельно адаптированы для небольших экранов, а не просто уменьшены вместе с десктопным макетом.
05 · Localization
RU / KZ / EN локализация
Проект поддерживает три языковые версии. Я реализовал локализованные маршруты, навигацию, интерфейсные тексты и размещение предоставленного или утверждённого контента — без автоматического машинного перевода.
Техническая реализация
Что находится под интерфейсом
Адаптивный интерфейс
Реализация для десктопа и мобильных устройств.
Три языка
Архитектура и пользовательский опыт для RU / KZ / EN.
CRM
Передача обращений с сайта в процесс продаж клиента.
Техническое SEO
Метаданные, структура сайта и связанная с индексацией реализация.
Аналитика
Подключение предоставленной конфигурации отслеживания на стороне сайта.
Развёртывание
Сборка проекта и запуск.
Интеграция аналитики выполнена на стороне сайта по предоставленной конфигурации. Управление рекламными кабинетами и кампаниями не входило в мою зону ответственности.
Итог
Проект показывает полный цикл технической реализации коммерческого сайта: от каталога и страниц моделей до локализации, CRM, аналитики, SEO и запуска.
Нужен сайт с каталогом, CRM или нестандартной логикой?
Обсудить проектCat®, Caterpillar и Borusan, а также связанные с ними визуальные материалы принадлежат соответствующим правообладателям и показаны здесь только в контексте выполненной технической реализации.