Visionnaires Capital

The "Legacy" Bottleneck

Visionnaires Capital, a Singapore-based M&A Advisory firm, relied on a legacy digital presence built on WordPress. While functional in the past, the platform had become a bottleneck for their modern identity.

• Rigid & Outdated Architecture: The site relied on a restrictive, pre-made template that forced the firm’s unique value proposition into a generic structure. This resulted in poor Information Architecture (IA), where the user journey felt disjointed. Attempting to customize the template to fit their actual business narrative was inefficient and technically prohibitive.
• Performance Issues: The site suffered from slow load times and the "bloat" typical of heavy WordPress themes, which negatively impacted user experience and SEO.
• Security Risks: As an M&A firm dealing with high-stakes trust, maintaining a secure environment was paramount. The old dynamic server architecture exposed unnecessary attack vectors.
• Content Friction: The client found the WordPress dashboard cumbersome. Simple text updates required navigating a complex backend, often discouraging them from keeping their content fresh.

https://old.vision-cap.com - The legacy interface: A generic WordPress template struggling with technical debt, evidenced by broken plugin dependencies (top banner) and a disjointed layout.

Reimagining the Digital Identity

The objective was to completely overhaul the firm's digital footprint. The project required more than just a visual "facelift"; it needed a fundamental architectural shift.

• Goal 1: Migrate away from the monolithic WordPress structure to a modern, decoupled architecture.
• Goal 2: Achieve "blazing fast" performance and high Lighthouse scores to reflect the firm's efficiency.
• Goal 3: Implement a Headless CMS solution that required zero learning curve for the client, allowing them to edit content as easily as writing a document.

https://vision-cap.com - Visionnaires Capital: A Modern Digital Identity

The Strategic Migration

I engineered a solution focusing on Performance, Security, and Editor Experience (DX/UX).

1. High-Performance Frontend (Next.js + Tailwind CSS)

I moved from a server-side rendered WordPress site to a static-first approach using Next.js.

• Why Next.js? By utilizing Static Site Generation (SSG), pages are pre-rendered at build time. This ensures instant page loads and superior SEO compared to the database-query-heavy legacy site.
• Why Tailwind CSS? Instead of fighting against pre-built WordPress theme overrides, I used Tailwind to build a bespoke, pixel-perfect design system from scratch. This reduced CSS bundle size significantly, ensuring the site remained lightweight.

2. The "Invisible" CMS (Notion API)

The most critical technical decision was selecting the Content Management System. Instead of a traditional headless CMS (like Strapi or Contentful) which introduces a new interface, I integrated the Notion API.

• The "Why": The client already used Notion for internal documentation. By using Notion as the database, I turned their familiar workspace into a CMS.
• Implementation: I built a synchronization pipeline where editing a row in a Notion database instantly updates the website content. This eliminated the need for a separate "admin dashboard" entirely.

A Unified Backend: Managing complex datasets in one place. The 'Track Record' database powers the portfolio, 'Live Transactions' updates the deal flow, and the 'Email Teaser Downloader' automatically captures investor leads from the website.

3. Security by Design

By decoupling the frontend from the backend (Headless architecture), the attack surface was virtually eliminated. The public-facing site consists of static files served via CDN, with no direct database connection exposed to the user.

A Future-Proof Platform

The migration delivered immediate, measurable improvements:

• Performance: Achieved near-instant load times and 90+ Google Lighthouse scores (Mobile & Desktop).
• Workflow Efficiency: The client reduced content update time by ~80%. They no longer need to log into a website backend; they simply edit their Notion page, and the site updates.
• Visual Identity: The new design aligns perfectly with their status as a premier M&A Advisory firm—modern, clean, and professional.