Energy Ports

Turning innovative energy infrastructure into interaction

Year
2024
Industry
Industry & Infrastructure
Client
Energy Ports

Case summary

Energy Ports is a Dutch renewable energy company that develops modular solar carports, turning parking spaces into energy-producing assets. As the company grew from startup to scale-up, it needed a website that could explain a technical product and support a more complex sales process. On a tight budget, we built a Webflow site with a strategic structure, interactive 3D storytelling and a flexible CMS foundation.
Team behind the project
  • Søren Højland Boesen (Former Employee)
  • Anja Johansen
  • Nicolai Hemdrup (Former Employee)
Questions

Because 3D explains the product in a way static images can't. Energy Ports' modular solar carports come in multiple configurations and components, so we used 3D scrollytelling to highlight key features and embedded an interactive 3D model visitors can explore. Technical evaluators and decision-makers both get a clear picture of how the construction works.

By splitting the work pragmatically. Energy Ports' in-house designer drafted the wireframes, and we refined them into the final UI design. That let us put the budget where it created the most value, building the 3D experiences that explain the solar carports. Energy Ports kept its ambition and stayed within a constrained budget.

We turned Energy Ports' own CAD into interactive scenes. The work covered conceptualizing the 3D visualizations, converting the CAD into a usable format, drawing the scenes in 3D with Spline and connecting them to the interactions on the website. Everything was also made to work on mobile, so visitors can explore the solar carports on a phone too.

Yes. The Energy Ports website runs on Webflow with a scalable CMS setup that gives the team full editorial control and easy content management. The setup also provides strong performance and SEO foundations, so the site can keep supporting a more mature sales dialogue as Energy Ports moves from startup to scale-up.

case description
Energy Ports case | Webflow with interactive 3D | Kvalifik
We built a Webflow website for Dutch solar carport scale-up Energy Ports, with scroll-driven 3D and an interactive model that explains the product.
deliverables
Introduction

Energy Ports is a Dutch renewable energy company developing modular solar carport solutions that turn parking spaces into energy-producing assets. As they moved from early startup to scale-up, they needed a website that could communicate the technical sophistication of their product and support a more complex sales process. On a tight budget, we built a website that combines strategic structure, interactive 3D storytelling and a flexible CMS foundation.

The result

With 3D scrollytelling, key features are highlighted, making it easy to understand the product. An embedded interactive 3D model allows visitors to explore the modular construction in detail. The 3D elements function as explanatory tools, making the product tangible and easier to understand for both technical evaluators and decision-makers.

The new website communicates a complex product with clarity, supports a more mature sales dialogue and positions the company as a serious Dutch scale-up within renewable energy.

The challenge

Energy Ports operates in a technically demanding space. Their modular solar structures are engineered products with multiple configurations and components, making them difficult to communicate clearly online.

The website had to support different stakeholders in the buying journey, strengthen credibility in a competitive renewable energy market and provide full editorial control to the team. At the same time, the solution needed to stay within a constrained budget without compromising ambition.

The process

With a tight budget, we structured the collaboration pragmatically. Energy Ports’ in-house designer drafted the wireframes, which we refined into the final UI design. This allowed us to concentrate our effort where it would create the most value: building advanced 3D experiences that explain the product in a way static images cannot. This involved conceptualising the 3D visualisations, converting their CAD into a usable format, drawing the scenes in 3D, connecting the 3D scenes to the interactions on the website and making it all work on mobile as well.

The site was developed in Webflow with a scalable CMS setup, ensuring strong performance, SEO foundations and easy content management for future growth. The 3D scenes were made with Spline.

Energy Ports

See other cases

See all cases
From anonymous support site to a credible security SaaS platform
Website
–
Branding
–
We Are Safe
See case
Rebrand allows heat pump manufacturer to grow internationally
Website
–
Branding
–
Growth & Strategy
–
Thermonova
See case
A B2B SaaS website that’s like none of the others
Website
–
Relesys
See case
Branding a breakthrough in sustainable food production
Website
–
Branding
–
Meiogenix
See case
Website redesign and visual identity for leading UX research consultancy
Website
–
Branding
–
Loop UX
See case
A unified digital experience for a global life science consultancy
Website
–
Branding
–
Epista
See case
A unified knowledge hub for universal design
Website
–
AI & Agent Services
–
Bevica Fonden
See case
From research laboratory to blooming business
Website
–
Traitomic
See case
Easy access to health benefits for the world's largest shipping company
Website
–
Maersk
See case
Brewing a digital experience that drove 614% growth
Website
–
Growth & Strategy
–
Carlsberg
See case
Digital will solution provides financial security for 150,000 pension members
Website
–
Akademikerpension
See case
Turning innovative energy infrastructure into interaction
Website
–
Energy Ports
See case
Transforming complexity into simplicity
Website
–
Disruptive Technologies
See case
From a rigid CMS to an agile marketing platform
Website
–
Arkyn
See case
A website that shows the people behind every chat
Website
–
Weply
See case
A luxury brand identity for a historic building
Website
–
Branding
–
Otto Mønsteds Plads
See case
New advanced webshop for Mikkeller
Website
–
Growth & Strategy
–
Mikkeller
See case
A refined Webflow experience with advanced interactions
Website
–
Branding
–
Keelvar
See case
A brand identity that transforms complexity into clarity
Branding
–
Black Shade
See case
How Veo gained speed and control with Webflow Enterprise
Website
–
Growth & Strategy
–
Veo
See case
Website for the new challenger in management consulting
Website
–
Unify Partners
See case
An online library of genetic traits to help researchers solve the world's food challenges
Website
–
TraitSource
See case
Seamless platform migration for pension fund
Website
–
PBU – Pædagogernes Pension
See case
An online hub for research and recipes improving life for people with IBD
Website
–
Growth & Strategy
–
AI & Agent Services
–
Nutritional Therapy for IBD
See case
Redesigning a website for enhanced credibility and clarity
Website
–
Branding
–
Jewel ML
See case
Upgrading website for leading innovation agency
Website
–
Is It A Bird
See case
Migrating extensive SaaS site from Umbraco to Webflow
Website
–
InMobile
See case
New website to inspire, learn and lead
Website
–
Feedwork
See case
Scaling up manufacturing intelligence
Website
–
Growth & Strategy
–
Factbird
See case
From spreadsheets to one of Europe's largest EV buyers
Website
–
AI & Agent Services
–
EV-Remarketing
See case
A website setting sail for success
Website
–
Copenhagen Shipping Company
See case
A new digital presence helping Bergiafonden support better projects
Website
–
Bergiafonden
See case
A modern Webflow website for a global SaaS company
Website
–
Atmire
See case
Transforming a prison into a lively green district
Website
–
A. Enggaard
See case
Bringing the energy of the bar to a modern website
Website
–
Taphouse
See case
A playful Webflow experience for one house and three units
Website
–
PSV
See case
Pinpoint's best hire yet
Website
–
Pinpoint
See case