FintechWeb DevelopmentUI/UX Design

FinEdge — investor dashboard rebuild

2019 archive — placeholder, refresh in Phase 5. Rebuilt a legacy Angular investor portal into a blazing-fast Next.js dashboard with real-time portfolio analytics and WCAG AA compliance.

Client 1 logo

Built for Client 1

The challenge

FinEdge's investor portal was built on Angular 5 and a bespoke PHP backend. Page loads averaged 6.8 seconds on desktop and the mobile experience was unusable — investors were managing portfolios worth millions on screens that crashed on scroll.

The data model was deeply coupled to a decade-old database schema, making it impossible to iterate on features without risking regressions. The engineering team had spent six months trying to add a simple chart widget and given up.

How we solved it

We ran a two-week discovery sprint to map the existing data model and define a clean API contract between the new Next.js frontend and the PHP backend (which we kept to de-risk the migration). The new frontend consumed a GraphQL layer we built on top of the existing database.

The UI was rebuilt from scratch in Figma, then implemented with Radix UI primitives and a custom design system. Every chart is rendered server-side for the initial load, then hydrated on the client — giving investors a populated dashboard in under 1.5 seconds even on slow connections.

The results

1.2sLCPdown from 6.8s on the legacy Angular portal
18kMonthly active investors+140% YoY after relaunch
−62%Support tickets (UX)vs same quarter prior year

Tech stack

Next.jsTypeScriptTailwind CSSGraphQLPostgreSQLVercel

Webtechgen delivered our MVP in 8 weeks — clean code, proactive communication, and they understood our product better than most in-house teams.

Priya Nair

CTO, FinEdge