The Peak

The Peak — моё прошлое агентство. Я стоял у его основания, участвовал в его развитии и позже ушёл. Поэтому этот проект для меня связан с личной историей: я знаю агентство изнутри и понимаю, какую работу важно показать за списком услуг.

В этом кейсе — разработка сайта The Peak: от визуальной подачи и каталога проектов до системы управления контентом и обработки заявок.

Знакомство с агентством

Главная страница последовательно рассказывает, чем занимается команда, какие проекты делает и как с ней начать работу. Крупная типографика, светлый фон и оранжевый акцент помогают выделить главное. Анимированный первый экран задаёт характер сайта, а кнопка заявки остаётся заметной.

Работы говорят за команду

Для портфолио предусмотрен отдельный каталог с фильтрами по направлениям. Карточки разного размера позволяют расставлять акценты и сочетать фотографии с видео.

Внутри кейса можно рассказать о задаче и решении, показать галерею, ролики и PDF-презентацию. Это даёт команде больше свободы: каждый проект можно раскрыть в подходящем формате.

Люди за проектами

Блок команды знакомит с теми, кто отвечает за направления агентства. Фотографии, имена и роли видны сразу — посетителю проще понять, с кем предстоит работать.

Сайт на телефоне

Для небольшого экрана меняются навигация, размеры текста и расположение карточек. Основные действия остаются под рукой: изучить работы, позвонить или оставить заявку.

Контент можно обновлять самостоятельно

Для команды разработана собственная панель управления. В ней можно добавлять кейсы, редактировать тексты, менять порядок блоков и загружать материалы. Для обычных обновлений не нужно обращаться к разработчику.

Есть история изменений и корзина. Если страницу случайно изменили или удалили, предусмотрена возможность её восстановить.

От заявки до разговора

Формы связаны со встроенной CRM — списком обращений, с которым работает команда. Заявка сохраняется в базе, а уведомление отправляется в Telegram. Вместе с обращением передаётся источник перехода, если он известен: например, рекламная кампания с UTM-меткой.

Посетитель может указать удобный способ связи и коротко описать проект. Так у команды уже есть контекст для первого разговора.

Как это устроено

Сайт разработан на Next.js и React. Страницы собираются из отдельных блоков: их можно использовать повторно и развивать по мере появления новых задач.

Контент, настройки и заявки хранятся в Supabase. Изображения, видео и презентации загружаются в Cloudflare R2 — отдельное облачное хранилище. При загрузке изображений предусмотрены сжатие и перевод в WebP, чтобы уменьшить их вес.

Для поисковых систем настроены названия и описания страниц, карта сайта и структурированные данные об агентстве и проектах. Собственная аналитика фиксирует просмотры, нажатия на кнопки и глубину прокрутки — команда может видеть, как посетители взаимодействуют с сайтом.

Результат

Получился сайт с портфолио и инструментами для ежедневной работы агентства. Посетитель знакомится с услугами, людьми и проектами, а команда может обновлять контент и обрабатывать обращения в одной системе.

Для меня это ещё и часть профессионального пути: сайт агентства, в основании которого я участвовал и из которого впоследствии ушёл.