Работы/03Концепт

ПУЛЬС

Яркий лендинг фитнес-студии с записью на пробную тренировку.

Ниша
Студия функционального тренинга
Тип
Лендинг
Цель сайта
Запись на пробную тренировку
Объём
1 страница
puls-fitness-example.vercel.app

01 Задача

Что нужно было сделать

Задача: передать энергию тренировки и привести человека на пробное занятие. Кнопка записи видна на каждом экране.

Сделал тёмный лендинг с одним ярким оранжевым акцентом, крупной типографикой и движением, которое повторяет ритм пульса.

02 Путь клиента

5 шагов до цели

  1. 01Первый экран
  2. 02Направления
  3. 03Как начать
  4. 04Абонементы
  5. 05Запись на пробную

03 Приёмы и фишки

  • 01

    Линия пульса в первом экране

    Кардиограмма рисуется и «бьётся», с метками раундов и таймерами.

  • 02

    Тёплое свечение

    Снизу экрана мягкое оранжевое свечение, как свет в зале.

  • 03

    Бенто-карточки направлений

    Бокс, сила, растяжка, интервалы — сетка карточек разного размера.

  • 04

    Манифест загорается при прокрутке

    Слова текста вспыхивают одно за другим по мере прокрутки.

  • 05

    Огромное название в подвале

    Бренд во всю ширину экрана в конце страницы.

04 Стиль и стек

Цвета

  • #0B0A09
  • #F3EFE8
  • #FF5A1F

Шрифты

  • Unbounded
  • Martian Mono
  • Manrope

Технологии

  • HTML
  • GSAP
  • ScrollTrigger
  • Lenis

Концепт-проект для портфолио: компания и данные вымышлены.

Следующий шаг

Нужен такой же сайт?

Написать в Telegram ↗Telegram@insomniaqq1

Ответцена и срок — в первом ответе