ENПочати проєкт
Кейс

Ballast

Ballast — бізнес-рахунок для невеликих креативних студій, яким платять у доларах і фунтах, а оренду вони платять у євро. Сайт мав бути таким же спокійним, як продукт: чорні панелі, бетон і денне світло, одна сталева картка.

Проєкт
Ballast
Галузь
Фінтех · бізнес-рахунки
Обсяг робіт
Вебдизайн · Розробка · Анімація
Технології
HTML, CSS, vanilla JS, Canvas
Рік
2026
Ballast — Бізнес-рахунок для студій, які виставляють рахунки клієнтам за кордоном: локальні реквізити в 34 валютах, податки відкладаються з кожного платежу, сталева картка.

Гроші, які стоять на місці

Завдання

Студії від однієї до сорока людей працюють з клієнтами з інших країн. Оплати приходять пізно, не в тій валюті, а гроші на податки випадково витрачаються. Ballast потрібна була сторінка, яка швидко пояснює три речі: отримуй оплату як місцевий, податки відкладаються самі, вільні гроші приносять відсоток. Виглядати дорого й тихо, а не як ще один неоновий банк.

Що ми зробили

Сторінка починається з двох повноекранних панелей, які змінюються одним скролом: перший екран відлітає вгору, а три картки збираються по частинах. Сталева картка на першому екрані робить оберт, стежить за курсором і змінює покриття. Нижче рахунок з Нью-Йорка конвертується і ділиться на «горщики» просто на очах, кроки відкриття рахунку їдуть убік під скрол, а живий лічильник показує, скільки грошей надійшло сьогодні. Усі фото — одна серія бетонних просторів і денного світла в однаковій кольорокорекції.

Сайт наживо

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

Перший екран

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

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

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

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

Деталі

Ballast: Три картки, що збираються самі
Три картки, що збираються саміМожливості
Ballast: Рахунок, що ділиться при надходженні
Рахунок, що ділиться при надходженніПродукт
Ballast: Кроки, що їдуть убік
Кроки, що їдуть убікЯк це працює
Ballast: Живий лічильник грошей за день
Живий лічильник грошей за деньЦифри

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

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

  • Ink#020202
  • Graphite#262626
  • Panel#313131
  • Concrete#8C8A85
  • Daylight#EDE9E1

Шрифти

AaFigtreeЗаголовки великими літерами з тісним трекінгом
AaInstrument SansОсновний текст, цифри й підписи
Наступний кейс

Teatro Nuvola

Teatro Nuvola — Сайт сезону оперного театру в Турині, який дивишся як фільм: гасне світло, відкривається завіса, і камера пролітає крізь сцену в сезон.
Почати проєкт

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

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

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

Бриф проєкту

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

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

Бриф проєкту

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

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