Анімований сайт інвестиційної компанії

Екрани продукту 06

01 Головна
02 Фонди
03 Команда

04 Звітність
05 Кабінет інвестора
06 Котирування

Про проєкт

Корпоративний сайт інвестиційної компанії з преміальною типографікою та стриманою анімацією. Сторінки побудовані так, щоб інвестор швидко знайшов фонд, команду й звітність.

Scroll-анімації GSAP-сцени підсилюють історію фонду, не заважаючи читанню.
Віджет котирувань Дані оновлюються наживо через WebSocket без перезавантаження.
Кабінет інвестора Звіти, документи й листи фонду в захищеному розділі.
Дві мови Англійська й українська версії з однаковою структурою.

01 · Задача

Лондонський інвестфонд потребував сайт, який водночас продає довіру та витримує навантаження під час раундів. Старий сайт не конвертував і «падав» у пікові моменти.

02 · Що ми зробили

Побудували сайт на Angular з наслідковими GSAP-анімаціями, інвесторським кабінетом і віджетом котирувань у реальному часі через WebSocket. Дві мовні версії, а анімації налаштовані так, щоб не чіпати LCP.

Було Сайт мав продавати довіру, а старий не конвертував.

Стало Преміальна типографіка, стримана анімація й структура, що веде до фонду, команди та звітності.
Було Старий сайт «падав» у пікові моменти.

Стало Сайт під навантаження раундів, анімації не чіпають LCP.

03 · Шлях клієнта

Як людина проходить продукт — від першого кроку до результату, який потрібен бізнесу.

Знайомиться з фондом

Scroll-сцени розповідають історію фонду, не заважаючи читанню.
Знаходить команду й звітність

Сторінки побудовані так, щоб потрібний розділ був поруч.
Стежить за котируваннями

Дані оновлюються наживо без перезавантаження.
Відкриває кабінет

Звіти, документи й листи фонду в захищеному розділі.

04 · Що всередині проєкту

Односторінкова структура для компанії, що продає довіру
Віджет котирувань і кабінет інвестора — прототип інтерфейсу
Анімації, побудовані так, щоб не чіпати LCP

Прогноз

Анімації не просаджують Core Web Vitals (LCP до 2,5 с), а інвестори дочитують сторінку стратегії частіше, ніж на статичному сайті. Це орієнтир, а не обіцянка.

05 · Архітектура

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

Користувач Відкриває сайт з телефону чи компʼютера
Інтерфейс Що бачить і натискає людина
- Angular
- GSAP
Логіка Правила, ролі й сценарії
- WebSocket

06 · Як будується такий проєкт

Разом: 7 тижнів

01 ≈ 1 тиж. Бриф і дослідження Цілі, аудиторія, структура сторінок і що має робити продукт
02 ≈ 2 тиж. UX/UI-дизайн Прототип, дизайн ключових екранів і мобільної версії
03 ≈ 3 тиж. Розробка Верстка, CMS, інтеграції та анімації
04 ≈ 1 тиж. QA і запуск Перевірка на пристроях, швидкість, SEO-база і запуск

Типовий розподіл етапів для проєкту такого обсягу

07 · Послуги в цьому проєкті

Наступний проєкт Milevra · 2024 SaaS-дашборд для логістики Логістика / SaaS

Рішення під конкретну задачу

Готові сценарії під ваш випадок — з прикладами та орієнтовними цінами.

/ Портфоліо /

Інші проєкти

Усі проєкти →

Rutynik, 2024

Платформа автоматизації бізнес-процесів

Конструктор процесу: заявка → договір → оплата

Візуальний конструктор процесів на Vue: заявка → угода → договір → оплата без ручних операцій. Понад 40 шаблонів автоматизацій для клієнтів.

Vue 3n8nPython

Верхава, 2023

Сайт гірського ресторану та готелю

Бронювання столиків і номерів з адмінкою меню

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

AstroSanityCalendly API