/ Project: Wrenhaven Capital · 2024 /

Animated investment firm site

An Angular site with GSAP scroll animations, an investor area and a quotes widget. Two languages and a speed we measure before handover.

Key decisions Narrative scroll motion without a speed penalty
Type
Websites
Industry
Finance & investment
Year
2024
Build stages 7 weeks
  1. Brief & research ≈ 1 wk
  2. UX/UI design ≈ 2 wk
  3. Development ≈ 3 wk
  4. QA & launch ≈ 1 wk
  • Angular
  • GSAP
  • WebSocket

Product screens 06

  1. 01 Home
  2. 02 Funds
  3. 03 Team
Animated investment firm site
  1. 04 Reporting
  2. 05 Investor portal
  3. 06 Live quotes
About the project

A corporate site for an investment firm with premium typography and restrained motion. Pages are built so an investor finds the fund, the team and the reporting fast.

  • Scroll motion GSAP scenes carry the fund’s story without getting in the way of reading.
  • Live quotes widget Data updates live over WebSocket, no reload.
  • Investor area Reports, documents and fund letters in a protected section.
  • Two languages English and Ukrainian versions with the same structure.
01 · The brief

The London fund needed a site that sells trust and survives traffic spikes during rounds. The old one did not convert and crashed at peak moments.

02 · What we built

We built an Angular site with narrative GSAP animations, an investor dashboard and real-time quotes over WebSocket. Two languages, with motion tuned so it never touches LCP.

  1. Before The site had to sell trust, and the old one did not convert.

    After Premium typography, restrained motion and a structure that leads to the fund, the team and the reports.

  2. Before The old site went down at peak moments.

    After A site built for round-time load, with animation that leaves LCP alone.

03 · The client’s path

How a person moves through the product, from the first step to the result the business needs.

  1. Meets the fund

    Scroll scenes tell the fund’s story without getting in the way of reading.

  2. Finds the team and reports

    Pages are laid out so the right section is always close.

  3. Follows the quotes

    Data updates live, no reload.

  4. Opens the portal

    Reports, documents and fund letters in a protected area.

04 · What is inside the project

  1. A one-page structure for a company that sells trust

  2. A quotes widget and investor area as an interface prototype

  3. Motion built so it never touches LCP

Forecast

Animations keep Core Web Vitals green (LCP under 2.5 s), and investors read the strategy page to the end more often than on a static site. A guideline, not a promise.

05 · Architecture

How the product is put together: from what the user sees to the data and services behind it.

  1. User Opens the site on a phone or a computer
  2. Interface What a person sees and taps
    • Angular
    • GSAP
  3. Logic Rules, roles and scenarios
    • WebSocket

06 · How a project like this is built

Total: 7 weeks
  1. 01 ≈ 1 wk Brief & research Goals, audience, page structure and what the product must do
  2. 02 ≈ 2 wk UX/UI design Prototype, design of the key screens and the mobile version
  3. 03 ≈ 3 wk Development Front end, CMS, integrations and animation
  4. 04 ≈ 1 wk QA & launch Device testing, speed, SEO groundwork and launch

Typical phase split for a project of this size

07 · Services in this project

Next project Milevra · 2024 SaaS dashboard for logistics Logistics / SaaS

Solutions for a specific job

Ready-made scenarios for your case — with examples and indicative pricing.

More projects

All projects →