Energy Ports

Solcarporte, du kan udforske i 3D

År
2024
Branche
Industri & infrastruktur
Kunde
Energy Ports

Kort om casen

Energy Ports er en hollandsk virksomhed inden for grøn energi, der udvikler modulære solcarporte, så parkeringspladser kan producere strøm. Da virksomheden voksede fra startup til scaleup, fik den brug for en hjemmeside, der kunne forklare et teknisk produkt og støtte et salg, der var blevet mere komplekst. På et stramt budget byggede vi en Webflow-hjemmeside med en gennemtænkt struktur, interaktiv 3D-storytelling og et fleksibelt CMS.
Teamet bag projektet
  • Søren Højland Boesen (Former Employee)
  • Anja Johansen
  • Nicolai Hemdrup (Former Employee)
Spørgsmål

Fordi 3D forklarer produktet på en måde, som almindelige billeder ikke kan. Energy Ports' modulære solcarporte findes i flere konfigurationer og består af mange komponenter, så vi brugte 3D-scrollytelling til at fremhæve de vigtigste funktioner og indlejrede en interaktiv 3D-model, som de besøgende kan udforske. Både teknikerne, der skal vurdere løsningen, og beslutningstagerne får et klart billede af, hvordan konstruktionen hænger sammen.

Ved at fordele arbejdet pragmatisk. Energy Ports' egen designer tegnede wireframes, og vi forfinede dem til det endelige UI-design. Det gjorde det muligt at bruge budgettet dér, hvor det skabte mest værdi, nemlig på 3D-oplevelserne, der forklarer solcarportene. Energy Ports fastholdt ambitionerne og holdt sig samtidig inden for et stramt budget.

Vi gjorde Energy Ports' egne CAD-tegninger til interaktive scener. Arbejdet bestod i at udvikle konceptet for 3D-visualiseringerne, konvertere CAD-tegningerne til et brugbart format, tegne scenerne i 3D med Spline og koble dem på interaktionerne på hjemmesiden. Det hele blev desuden bygget til at virke på mobilen, så de besøgende også kan udforske solcarportene på telefonen.

Ja. Energy Ports' hjemmeside kører på Webflow med et skalerbart CMS, så teamet selv har fuld kontrol over indholdet og nemt kan opdatere det. Opsætningen giver også et stærkt fundament for hastighed og SEO, så hjemmesiden kan følge med, når salget bliver mere modent, og Energy Ports vokser fra startup til scaleup.

casebeskrivelse
Energy Ports case | Webflow med interaktiv 3D | Kvalifik
Webflow-hjemmeside til hollandske Energy Ports med scroll-baseret 3D og en interaktiv 3D-model, der gør komplekse solcarporte lette at forstå.
leverancer
Introduktion

Energy Ports er en hollandsk virksomhed inden for grøn energi. De udvikler modulære solcarporte, så parkeringspladser kan producere strøm. Da de voksede fra tidlig startup til scaleup, fik de brug for en hjemmeside, der kunne forklare, hvor teknisk avanceret produktet er, og støtte et salg, der var blevet mere komplekst. På et stramt budget byggede vi en hjemmeside med en gennemtænkt struktur, interaktiv 3D-storytelling og et fleksibelt CMS.

Resultatet

Med 3D-scrollytelling fremhæver hjemmesiden de vigtigste funktioner, så produktet er let at forstå. En indlejret, interaktiv 3D-model lader de besøgende udforske den modulære konstruktion i detaljer. 3D-elementerne forklarer produktet og gør det håndgribeligt, både for de teknikere, der skal vurdere løsningen, og for beslutningstagerne.

Den nye hjemmeside forklarer et komplekst produkt klart, støtter den mere modne salgsdialog og viser Energy Ports som en seriøs hollandsk scaleup inden for vedvarende energi.

Udfordringen

Energy Ports arbejder i et teknisk krævende felt. Deres modulære solcellekonstruktioner er ingeniørprodukter med mange konfigurationer og komponenter, og det gør dem svære at forklare klart online.

Hjemmesiden skulle hjælpe alle dem, der er med i en købsbeslutning, styrke troværdigheden på et konkurrencepræget marked for vedvarende energi og give teamet fuld kontrol over indholdet. Samtidig skulle det hele holde sig inden for et stramt budget uden at gå på kompromis med ambitionerne.

Processen

Med et stramt budget skruede vi samarbejdet pragmatisk sammen. Energy Ports’ egen designer lavede wireframes, som vi forfinede til det endelige UI-design. Så kunne vi lægge kræfterne, hvor de skabte mest værdi, nemlig i avancerede 3D-oplevelser, der forklarer produktet på en måde, som statiske billeder ikke kan. Vi udviklede konceptet for 3D-visualiseringerne, konverterede deres CAD-filer til et brugbart format, byggede scenerne i 3D, koblede dem til interaktionerne på hjemmesiden og fik det hele til at virke på mobilen også.

Hjemmesiden er bygget i Webflow med et skalerbart CMS, der giver god hastighed, et solidt SEO-fundament og nem indholdsstyring, også når virksomheden vokser. 3D-scenerne er lavet i Spline.

Energy Ports

See other cases

See all cases
Et fængsel bliver til en levende, grøn bydel
Hjemmeside
–
A. Enggaard
See case
Fra anonym supportside til troværdig SaaS-platform for IT-sikkerhed
Hjemmeside
–
Branding
–
We Are Safe
See case
Et nyt brand, der gør en dansk varmepumpeproducent klar til verden
Hjemmeside
–
Branding
–
Vækst og strategi
–
Thermonova
See case
En B2B-SaaS-hjemmeside, der ikke ligner de andre
Hjemmeside
–
Relesys
See case
Brandet bag et gennembrud i bæredygtig fødevareproduktion
Hjemmeside
–
Branding
–
Meiogenix
See case
Ny hjemmeside og visuel identitet til et førende UX-researchbureau
Hjemmeside
–
Branding
–
Loop UX
See case
Ét samlet digitalt udtryk til et globalt life science-konsulenthus
Hjemmeside
–
Branding
–
Epista
See case
Al viden om universelt design samlet ét sted
Hjemmeside
–
AI og agenter
–
Bevica Fonden
See case
Fra forskningslaboratorium til blomstrende forretning
Hjemmeside
–
Traitomic
See case
Nem adgang til sundhedstilbud hos verdens største rederi
Hjemmeside
–
Maersk
See case
Webshoppen, der gav Experimental Brews 614% flere abonnenter
Hjemmeside
–
Vækst og strategi
–
Carlsberg
See case
Et digitalt testamente giver 150.000 medlemmer økonomisk tryghed
Hjemmeside
–
Akademikerpension
See case
Solcarporte, du kan udforske i 3D
Hjemmeside
–
Energy Ports
See case
Fra kompleksitet til enkelhed
Hjemmeside
–
Disruptive Technologies
See case
Fra et stift CMS til en fleksibel marketingplatform
Hjemmeside
–
Arkyn
See case
En hjemmeside, der viser menneskene bag hver chat
Hjemmeside
–
Weply
See case
En gennemført Webflow-hjemmeside med avancerede interaktioner
Hjemmeside
–
Branding
–
Keelvar
See case
En brandidentitet, der gør det komplekse klart
Branding
–
Black Shade
See case
En luksuriøs brandidentitet til en historisk bygning
Hjemmeside
–
Branding
–
Otto Mønsteds Plads
See case
Sådan fik Veo fart og kontrol med Webflow Enterprise
Hjemmeside
–
Vækst og strategi
–
Veo
See case
Ny webshop til Mikkeller, bygget på rigtige brugerdata
Hjemmeside
–
Vækst og strategi
–
Mikkeller
See case
Hjemmeside til den nye udfordrer inden for managementrådgivning
Hjemmeside
–
Unify Partners
See case
Et onlinebibliotek med genetiske egenskaber, der hjælper forskere med at løse verdens fødevareudfordringer
Hjemmeside
–
TraitSource
See case
En pensionskasse skiftede platform, uden at medlemmerne mærkede det
Hjemmeside
–
PBU – Pædagogernes Pension
See case
Forskning og opskrifter, der gør hverdagen med IBD lettere
Hjemmeside
–
Vækst og strategi
–
AI og agenter
–
Nutritional Therapy for IBD
See case
Et redesign, der er til at forstå og til at stole på
Hjemmeside
–
Branding
–
Jewel ML
See case
En opgraderet hjemmeside til et førende innovationsbureau
Hjemmeside
–
Is It A Bird
See case
En stor SaaS-hjemmeside flyttet fra Umbraco til Webflow
Hjemmeside
–
InMobile
See case
Ny hjemmeside til eksperterne i ledelse og læring
Hjemmeside
–
Feedwork
See case
En ny hjemmeside, der kan vokse med Factbird
Hjemmeside
–
Vækst og strategi
–
Factbird
See case
Fra regneark til en af Europas største opkøbere af elbiler
Hjemmeside
–
AI og agenter
–
EV-Remarketing
See case
En hjemmeside med kurs mod succes
Hjemmeside
–
Copenhagen Shipping Company
See case
En ny hjemmeside, så Bergiafonden kan støtte bedre projekter
Hjemmeside
–
Bergiafonden
See case
En moderne Webflow-hjemmeside til en global SaaS-virksomhed
Hjemmeside
–
Atmire
See case
En legende hjemmeside til ét hus med tre enheder
Hjemmeside
–
PSV
See case
Pinpoints bedste nyansættelse
Hjemmeside
–
Pinpoint
See case
Barens energi på en moderne hjemmeside
Hjemmeside
–
Taphouse
See case