● Live

Pacemaker Agency — сайт агентства спортивного маркетинга

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

Pacemaker Agency — сайт агентства спортивного маркетинга — 1
Pacemaker Agency — сайт агентства спортивного маркетинга — 2
Pacemaker Agency — сайт агентства спортивного маркетинга — 3
Pacemaker Agency — сайт агентства спортивного маркетинга — 4
Pacemaker Agency — сайт агентства спортивного маркетинга — 5
Pacemaker Agency — сайт агентства спортивного маркетинга — 6
Pacemaker Agency — сайт агентства спортивного маркетинга — 7
Pacemaker Agency — сайт агентства спортивного маркетинга — 8
Pacemaker Agency — сайт агентства спортивного маркетинга — 9
Pacemaker Agency — сайт агентства спортивного маркетинга — 10

О проекте

Сайт маркетингового агентства 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)
  • Визуальная подача спортивной тематики, акцент на цифрах
  • Адаптивная вёрстка

Стек технологий

СлойТехнологии
FrontendNext.js, React, TypeScript
UITailwind CSS, адаптивная вёрстка
ДеплойVercel
ФормыОбработка заявок, согласие 152-ФЗ

Ключевые фичи

  • 4 страницы одного сайта с общим UI
  • Направления: спецпроекты, продакшн, SMM
  • Кейсы и отзывы клиентов (Diskus, Fruitrace, Blizko Trail, Madshus)
  • Блок результатов с рекламными каналами
  • CTA и форма на каждой воронке

Результат

  • Сайт в продакшене на Vercel
  • Понятная структура услуг для B2B-заказчиков
  • Кейсы с цифрами усиливают доверие
  • Готовность к масштабированию контента и SEO
Next.jsReactTypeScriptTailwind CSSVercel
#Next.js#многостраничный#маркетинг#спорт#лендинг#Vercel#кейсы#форма заявок