Flex Pharma Landing Page

Overview

In 2025 Hudson Fusion handed me a Figma file for a Flex Pharma brand landing page: masonry galleries, palette specimens, logo lockups, and motion in most sections, all meant to live on the agency's own site as the showcase of the brand work. It was my first project with them. This was implementation work, and I treated it that way. I exported every asset and motion piece from Figma myself, built the page as custom ACF blocks inside their existing theme system, and wrote the PHP/HTML templates and SCSS to match their house conventions instead of bringing my own. The animations came from the design side; my job was to integrate them and keep the page solid on every screen size. The page shipped on hudsonfusion.com, where it still runs. The engagement turned into an ongoing partnership: Hudson Fusion is now one of the two US agencies I work with as a development partner.

Technical highlights

• Custom ACF blocks built into Hudson Fusion's existing WordPress theme system.
• PHP/HTML templates and hand-written SCSS matching the agency's house conventions.
• Every asset and motion piece exported from Figma by hand.
• First engagement with the agency, now an ongoing partnership.

What shipped

• Custom ACF blocks inside the agency's existing theme
• PHP/HTML templates following house conventions
• Hand-written SCSS in their existing pipeline
• All assets and motion exported from Figma
• One-to-one implementation of the Figma design
• Responsive across desktop and mobile

Stack

WordPress, SCSS, Motion Images, Responsive Design

Screens