● Live
Pacemaker Agency — сайт агентства спортивного маркетинга
Многостраничный сайт на Next.js: главная, спецпроекты, продакшн и SMM — кейсы с цифрами, услуги, отзывы и форма заявки. Деплой на Vercel.










О проекте
Сайт маркетингового агентства Pacemaker Agency — спорт, события, продакшн и SMM. Один продукт из четырёх связанных страниц на едином домене [pacemaker-coral.vercel.app](https://pacemaker-coral.vercel.app/):
- [Главная](https://pacemaker-coral.vercel.app/) — позиционирование, три направления, портфолио работ, CEO
- [Спецпроекты](https://pacemaker-coral.vercel.app/specprojects) — ивенты, челленджи, кейсы (Спортмастер PRO, марафоны)
- [Продакшн](https://pacemaker-coral.vercel.app/production) — фото/видео, услуги, рилсы, кейсы съёмок
- [SMM](https://pacemaker-coral.vercel.app/smm) — стратегия, ведение соцсетей, таргет, кейсы с метриками
Задача
- Презентовать агентство полного цикла в спортивном маркетинге
- Разделить услуги по направлениям без перегруза одной страницы
- Показать кейсы с измеримыми результатами (участники, охваты, бюджеты)
- Довести до заявки: форма «Обсудить проект», согласие на ПДн
Что сделано
Структура
- Единая навигация и футер на всех страницах
- Главная: hero, преимущества, блок CEO (Диана Табекова), три направления, «Наши работы», CTA
- Страницы направлений: услуги, этапы работы, кейсы, отзывы, блок «Мы можем»
- Форма обратной связи с политикой конфиденциальности
Контент и UX
- Кейсы с целями, охватами и результатами (марафон Европа-Азия — **4 800** участников, Арбузный кросс — **700** за 20 000 ₽, Unity +50% в Telegram)
- Визуальная подача спортивной тематики, акцент на цифрах
- Адаптивная вёрстка
Стек технологий
| Слой | Технологии |
|---|---|
| Frontend | Next.js, React, TypeScript |
| UI | Tailwind CSS, адаптивная вёрстка |
| Деплой | Vercel |
| Формы | Обработка заявок, согласие 152-ФЗ |
Ключевые фичи
- 4 страницы одного сайта с общим UI
- Направления: спецпроекты, продакшн, SMM
- Кейсы и отзывы клиентов (Diskus, Fruitrace, Blizko Trail, Madshus)
- Блок результатов с рекламными каналами
- CTA и форма на каждой воронке
Результат
- Сайт в продакшене на Vercel
- Понятная структура услуг для B2B-заказчиков
- Кейсы с цифрами усиливают доверие
- Готовность к масштабированию контента и SEO
Next.jsReactTypeScriptTailwind CSSVercel
#Next.js#многостраничный#маркетинг#спорт#лендинг#Vercel#кейсы#форма заявок