FORMA STUDIO
A portfolio site for a leading creative studio, built to showcase motion-heavy work without sacrificing load speed or clarity.
client
Forma Studio
timeline
4 weeks
year
2024
disciplines
Content Strategy
Custom Interactions
CMS Architecture
Framer Development
Forma Studio is a leading creative agency known for motion-heavy, visually ambitious work across brand, film, and digital. Their client roster was impressive. Their portfolio was extraordinary. And their website was, by their own admission, an embarrassment.
They came to Flexis with a clear brief: build a portfolio site that does justice to the work, fast-loading, beautifully animated, and designed to make every visitor feel the quality of what Forma produces before they've clicked on a single project.
THE CHALLENGE
Building a website for a creative agency is one of the most pressurised briefs in the industry. The client knows design. They have opinions. They have high standards. And their website is, in a very direct sense, the primary evidence of what they're capable of, which means it has to be genuinely exceptional, not just good.
Forma's work is visually rich, full-screen video, high-resolution imagery, complex animations. The old site was slow because it tried to show everything at once. The new site needed to be equally ambitious visually while loading in under two seconds.
Agency portfolio sites often fall into the trap of over-designing the container at the expense of the content. Every design decision we made had to serve one goal: make the work look as good as possible.
Forma are experts in motion. A portfolio site with generic scroll animations would have felt like an insult. The motion design on the new site had to be genuinely considered and genuinely impressive.
OUR APPROACH
We started with a content audit, cataloguing every project in Forma's portfolio, identifying the strongest work, and building a display hierarchy around it. Not every project deserved equal prominence. The site needed a clear editorial point of view about what Forma does best.
The architecture we landed on was simple by design: a full-screen project grid as the centrepiece, with everything else, about, services, contact, subordinate to the work. Navigation was stripped back to the essentials. The Forma logo and the work. Nothing else competing for attention.
The visual language of the site itself was deliberately restrained, dark backgrounds, precise typography, generous white space, so that the projects provided all the color, energy, and visual interest. The site disappears. The work remains.
The Framer build was technically ambitious: lazy-loaded video, custom cursor interactions, scroll-driven project reveals, and a CMS architecture that lets Forma add new projects in minutes without touching a line of code.
play video
play video
play video
play video
Watch the full experience
Every interaction, every detail, exactly as it launched.
THE WORK
Design highlights
Full-screen project grid with hover-activated video previews
Custom cursor that responds to context — changing state on interactive elements
Individual project pages with flexible layout modules adaptable to any media type
About page built around the founding team's story and creative philosophy
Contact page stripped back to a single, confident CTA
Motion principles
Sophisticated and purposeful, page transitions, project reveals, and cursor interactions that feel like they belong to a studio that takes motion seriously.
THE RESULTS
65%
increase in new business enquiries
1.9S
average page load time despite heavy media
80%
of visitors viewed at least three projects
3X
average page load time despite heavy media
testimonials
Don't take our word for it
Here's what founders and studio leads have to say about working with Flexis.
"Working with Flexis was unlike any agency experience I've had. They understood our brand better than we did and the final site proved it. We saw a 40% increase in inbound leads within the first month."
001 / 004
Sarah Kingston
Founder, Luminary SaaS
"Working with Flexis was unlike any agency experience I've had. They understood our brand better than we did and the final site proved it. We saw a 40% increase in inbound leads within the first month."
001 / 004
Sarah Kingston
Founder, Luminary SaaS
FORMA STUDIO
A portfolio site for a leading creative studio, built to showcase motion-heavy work without sacrificing load speed or clarity.
client
Forma Studio
timeline
4 weeks
year
2024
disciplines
Content Strategy
Custom Interactions
CMS Architecture
Framer Development
Forma Studio is a leading creative agency known for motion-heavy, visually ambitious work across brand, film, and digital. Their client roster was impressive. Their portfolio was extraordinary. And their website was, by their own admission, an embarrassment.
They came to Flexis with a clear brief: build a portfolio site that does justice to the work, fast-loading, beautifully animated, and designed to make every visitor feel the quality of what Forma produces before they've clicked on a single project.
THE CHALLENGE
Building a website for a creative agency is one of the most pressurised briefs in the industry. The client knows design. They have opinions. They have high standards. And their website is, in a very direct sense, the primary evidence of what they're capable of, which means it has to be genuinely exceptional, not just good.
Forma's work is visually rich, full-screen video, high-resolution imagery, complex animations. The old site was slow because it tried to show everything at once. The new site needed to be equally ambitious visually while loading in under two seconds.
Agency portfolio sites often fall into the trap of over-designing the container at the expense of the content. Every design decision we made had to serve one goal: make the work look as good as possible.
Forma are experts in motion. A portfolio site with generic scroll animations would have felt like an insult. The motion design on the new site had to be genuinely considered and genuinely impressive.
OUR APPROACH
We started with a content audit, cataloguing every project in Forma's portfolio, identifying the strongest work, and building a display hierarchy around it. Not every project deserved equal prominence. The site needed a clear editorial point of view about what Forma does best.
The architecture we landed on was simple by design: a full-screen project grid as the centrepiece, with everything else, about, services, contact, subordinate to the work. Navigation was stripped back to the essentials. The Forma logo and the work. Nothing else competing for attention.
The visual language of the site itself was deliberately restrained, dark backgrounds, precise typography, generous white space, so that the projects provided all the color, energy, and visual interest. The site disappears. The work remains.
The Framer build was technically ambitious: lazy-loaded video, custom cursor interactions, scroll-driven project reveals, and a CMS architecture that lets Forma add new projects in minutes without touching a line of code.
play video
play video
play video
play video
Watch the full experience
Every interaction, every detail, exactly as it launched.
THE WORK
Design highlights
Full-screen project grid with hover-activated video previews
Custom cursor that responds to context — changing state on interactive elements
Individual project pages with flexible layout modules adaptable to any media type
About page built around the founding team's story and creative philosophy
Contact page stripped back to a single, confident CTA
Motion principles
Sophisticated and purposeful, page transitions, project reveals, and cursor interactions that feel like they belong to a studio that takes motion seriously.
THE RESULTS
65%
increase in new business enquiries
1.9S
average page load time despite heavy media
80%
of visitors viewed at least three projects
3X
average page load time despite heavy media
testimonials
Don't take our word for it
Here's what founders and studio leads have to say about working with Flexis.
"Working with Flexis was unlike any agency experience I've had. They understood our brand better than we did and the final site proved it. We saw a 40% increase in inbound leads within the first month."
001 / 004
Sarah Kingston
Founder, Luminary SaaS
"Working with Flexis was unlike any agency experience I've had. They understood our brand better than we did and the final site proved it. We saw a 40% increase in inbound leads within the first month."
001 / 004
Sarah Kingston