Анимированный сайт инвестиционной компании

Экраны продукта 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