Metis BI Consultancy Webflow Website by Ali HassanMetis BI Consultancy Webflow Website by Ali Hassan

Metis BI Consultancy Webflow Website

Ali Hassan

Ali Hassan

They had a wireframe. They needed a website that could actually sell.

A Little Background

Metis BI is a UK-based Power BI consultancy helping businesses get more from their data. They had a basic wireframe, functional but flat. It didn't tell their story, didn't capture leads, and didn't reflect the expertise they bring to the table. They needed a full design and build that could do all three.
I designed the UI in Figma and built the entire site in Webflow. Service pages, blog, case studies, marketing landing pages, CMS architecture, HubSpot form integrations, Lottie animations, the full stack.

How I approached it
The wireframe gave me the structure, but the visual identity and interaction design were mine to build. I designed a clean, professional UI that matched the consultancy's positioning, then translated everything into a modular Webflow build with reusable components.
The site needed to serve two audiences: potential clients exploring services and returning visitors looking for resources. I built a CMS-powered blog and case studies section so the team could publish content without touching the build. Service pages each got their own layout with clear value props, illustrations, and CTAs.
For lead capture, I integrated custom HubSpot forms across multiple pages, styled to match the design system and built to feed directly into their sales pipeline. I added Lottie animations throughout the site for visual engagement, keeping them lightweight so they wouldn't hurt performance.
I also built 2 dedicated marketing landing pages with custom animations and conversion-focused layouts for specific campaigns.
Mobile view
Mobile view
What I delivered
Full UI design in Figma, translated into a production Webflow build
Service pages with structured layouts, illustrations, and clear CTAs
CMS-powered blog and case studies for scalable content publishing
HubSpot form integrations with custom styling across multiple pages
Lottie animations for smooth, lightweight visual engagement
2 marketing landing pages with custom animations and conversion focus
Modular component system for consistent, scalable page creation
Fully responsive build across desktop, tablet, and mobile
SEO optimization for organic visibility
Hero section desktop view
Hero section desktop view
The result
Metis BI got a production-ready website that works as hard as they do. Clean design, structured content, dynamic CMS, and a lead capture system that feeds straight into HubSpot. The site now reflects the level of expertise they actually bring to their clients.
Like this project

Posted Dec 1, 2025

Built a fully branded, lead-focused Webflow site for Metis BI. Added interactive UX, custom animations, and a scalable CMS to boost engagement and capture leads