ENПочати проєкт
Perihel logo
Кейс · SaaS09 / 40

Perihel

Perihel читає CRM, білінг і дані використання продукту та перетворює їх на один живий прогноз виручки з довірчим інтервалом. Купують керівники продажів, які живуть у таблицях, тож сторінка мала бути спокійною й точною та рано показувати продукт.

Проєкт
Perihel
Галузь
SaaS · Прогнозування виручки
Обсяг робіт
Вебдизайн · Розробка · Анімація
Технології
HTML, CSS, GSAP, ScrollTrigger
Рік
2026
Perihel — Лендінг для платформи прогнозування виручки, яка показує RevOps-командам, де закриється квартал, за кілька тижнів до кінця.
Огляд

Сторінка продукту, а не постер

Завдання

Керівники продажів обирають інструмент, дивлячись на сам продукт. Сторінка мала відчуватися як зрілий SaaS: один шрифт, одна нейтральна темна палітра, інтерфейс, що виглядає справжнім, і тексти з конкретикою. Єдине зображення — нічний старт, там, де він додає масштабу.

Що ми зробили

Перший екран — фотографія старту ракети на довгій витримці над горизонтом. Під час скролу камера піднімається до зірок і наближається, заголовок відлітає вгору з розмиттям, а з'являється повне вікно застосунку: бокове меню, прогноз, що змінилося за тиждень і угоди на перевірку. Далі сторінка зібрана як сайт продукту: смуга з чотирма цифрами, текст, що загоряється слово за словом, міст прогнозу з причинами змін, список ризиків зі зрозумілими поясненнями, робочий планувальник сценаріїв, сітка з шести деталей, конектори, що їдуть разом зі скролом, таймлайн запуску, ціни, запитання й фінальний заклик на тлі другого старту.

Сайт наживо

Гортай сайт прямо в рамці або відкрий на весь екран.

Перший екран

Головна · Десктоп 1440
Perihel: перший екран головної сторінки

Сторінка повністю

Один довгий скрол, поділений на три колонки — згори донизу, зліва направо.

Perihel: сторінка повністю, частина 1 з 3
Perihel: сторінка повністю, частина 2 з 3
Perihel: сторінка повністю, частина 3 з 3

Деталі

Perihel: Камера піднімається до продукту
Камера піднімається до продуктуHero
Perihel: Міст прогнозу з причинами
Міст прогнозу з причинамиПрогноз
Perihel: Ризики з поясненнями
Ризики з поясненнямиРадар ризиків
Perihel: Три тарифи в одній таблиці
Три тарифи в одній таблиціЦіни

Колір і шрифти

Палітра — з файлу проєкту

  • Ink#08090A
  • Panel#111214
  • Text#F7F8F8
  • Grey#8A8F98
  • Trail#F2994A

Шрифти

AaInter TightЗаголовки, цифри й логотип, вага 500 зі щільним трекінгом.
AaInterІнтерфейс і текст. JetBrains Mono лише для міток таймлайну.
Наступний кейс

Northlight

Northlight — Темний лендінг SaaS-воркспейсу, який перетворює завантажені файли на готовий результат, з живим дашбордом на першому екрані.
Почати проєкт

Час запускати.

Надішліть короткий бриф або посилання на ваш поточний сайт. Ви отримаєте чіткий план, терміни й вартість — без обов’язкових дзвінків.

  • Відповідь протягом одного робочого дня
  • Дизайн, розробка і запуск — одна команда
  • Тиждень підтримки після запуску включено

Бриф проєкту

Займе ~2 хв
Що вам потрібно?
Бюджет

Зручніше в месенджері?Написати в Telegram@web_raw

Бриф проєкту

Займе ~2 хв
Що вам потрібно?
Бюджет

Зручніше в месенджері?Написати в Telegram@web_raw