A Decade-Old Life Sciences Consulting Website Reimagined

A Sophisticated Rebuild for a Sophisticated Audience

The brief had three constraints. The client's audience (investors, senior life sciences executives, enterprise clients) expected the polish of a private firm at the top of its category. Their existing SquareSpace site, nearly a decade old, didn't carry that. And the founder had a specific visual ambition: a 3D animated helix on scroll that the existing platform couldn't support.

The first decision was to move the build off SquareSpace. I scoped WordPress with Bricks Builder so the client's team could manage content themselves without touching code, and my dev partner Matt Nunn took on the build.

Sourcing the Approach & Abstracting the Brand

The 3D helix wasn't a styling problem. It was an engineering decision dressed up as a visual one. I researched the technical options, settled on a Three.js particle approach as the right fit for the brief, and Matt implemented it. The brief was a hero animation that would feel scientific without veering into stock-medical territory, and that would perform on the first scroll for investor audiences who close laggy tabs.

For the visual identity, the butterfly from their old identity stayed, but not as a photograph. I abstracted it into a dotted particle graphic that suggests the form without depicting it literally. It became the visual anchor of the homepage and paired naturally with the Three.js particle animation that responds to scroll.

The design language across the site was kept considered and precise, never overdesigned. The brief asked visitors to leave understanding what it feels like to work with Chrysalis: collegial, action-oriented, analytical. The visual system was built to carry that without telling it.

Organising 23+ Market Verticals

Chrysalis operates across 23+ biomedical market verticals: genomics, diagnostics, life science tools, and more. All of them needed to be visible at once so visitors could immediately grasp the breadth of the firm's expertise. Listing them linearly would either bury the information or pad the page.

I built a structured hexagonal SVG grid, each hexagon representing a vertical, so visitors take in the full breadth in a single scannable graphic without the page feeling overloaded.

Desktop & Mobile Screens