I samarbeid med det dyktige teamet i Submara har vi forvandlet Submaras digitale tilstedeværelse til en lynrask og enterprise-nettside bygget i Webflow.
I samarbeid med det dyktige teamet i Submara har vi forvandlet Submaras digitale tilstedeværelse til en lynrask og enterprise-nettside bygget i Webflow.
Kunde: Submara
Bransje: Maritim infrastruktur, ROV og undervannsoperasjoner
Partnere: Kjetil Sørby / Sikt Reklame (UI/UX-samarbeid)
Tjenester levert av Sommerseth Design: UX & Strategi, Avansert UI/Design & Prototyping (Framer), Webflow-utvikling, CRM-integrasjon (HubSpot/Zapier), samt SEO & Analyse.
Submara er eksperter på havrommet, med spesialkompetanse innen ROV (undervannsdroner), survey og maritim infrastruktur. Med et tydelig løfte – "Lokal beredskap. Langs hele kysten." – trengte de en digital tilstedeværelse som speilet deres autoritet, kvalitet og enterprise-nivå. Sommerseth Design ble valgt som strategisk og utøvende partner for å levere et komplett digitalt løft. Resultatet er en skreddersydd, lynrask og skalerbar Webflow-nettside, sømløst integrert med deres eksisterende CRM- og IT-systemer. Vi har hatt et utrolig godt og tett samarbeid med Thomas, Karianne og Håkon i Submara gjennom hele prosessen, og takker stort for tilliten på et utrolig spennende prosjekt!
Submara opererer i et komplekst og samfunnskritisk B2B-marked. Utfordringen lå i å oversette dyp, teknisk maritim kompetanse til et visuelt engasjerende og brukervennlig format. I tillegg krevde prosjektet en robust teknisk arkitektur i bakkant for å sikre sømløs og sikker dataflyt for rekruttering og leads direkte inn i selskapets interne systemer.
Vår leveransemodell er basert på tett samarbeid, avansert interaktiv prototyping og kompromissløs teknisk kvalitet. Webleveransen ble delt inn i fire hovedfaser:
1. UX & Strategi (Innsikt og fundament)
Vi startet med å kartlegge brukerreiser og informasjonsarkitektur for å sikre at både potensielle kunder, partnere og jobbsøkere raskt fant relevant informasjon. Her jobbet vi tett sammen med Kjetil Sørby fra Sikt Reklame på UI og UX for å sikre et bunnsolid strategisk og visuelt fundament som spisset Submaras domeneekspertise gjennom en logisk og intuitiv sidestruktur.
2. Design & Interaktiv Prototyping i Framer (Vårt foretrukne verktøy)
For å sikre at brukeropplevelsen satt 100 % før vi beveget oss over i endelig produksjonskode, designet og prototypet vi hele nettsiden i Framer. Framer er vårt absolutte foretrukne verktøy fordi det lar oss jobbe med levende komponenter, ekte interaksjoner og dynamisk innhold i stedet for flate bildefiler.Et av de tekniske høydepunktene i denne fasen var utviklingen av en skreddersydd lokasjonsfunksjon. For å bevise konseptet rundt Submaras kjernebudskap ("Lokal beredskap"), utviklet vi custom kode direkte i Framer-prototypen. Dette gjorde det mulig for teamet å teste og søke opp beredskapsstasjoner basert på geografisk lokasjon allerede i designfasen. Dette ga Submara full trygghet på den funksjonelle løsningen før utviklingen startet.
3. Teknisk Webflow-utvikling & Automasjon
Med et ferdigtestet fundament fra Framer, ble stafettpinnen gitt videre til vår dyktige utvikler, Dejan, som har gjort majoriteten av utviklingsarbeidet. En av de største suksessene i denne fasen var hvordan den avanserte CMS-strukturen og logikken fra Framer ble overført helt perfekt og sømløst til Webflow.Dejan sørget for at designet ble pikselperfekt oversatt til produksjonsklar kode, og implementerte robuste enterprise-løsninger i bakkant:
4. Lansering, SEO og Compliance
Før overlevering sørget vi for at alt teknisk var på plass for fremtiden. Vi håndterte DNS-peking og domeneoppsett, implementerte Consent Pro for vanntett GDPR-håndtering av cookies, og integrerte Google Analytics og Google Search Console for ytelsesmåling og organisk synlighet.
Takket være det åpne og fantastiske samarbeidet med Thomas, Karianne, Håkon og Sikt Reklame, har Submara nå en nettside som ikke bare ser utrolig profesjonell ut, men som fungerer som en effektiv, døgnåpen salgs- og rekrutteringskanal. Den fleksible Webflow-arkitekturen gjør at Submara enkelt kan skalere nettsiden i takt med selskapets vekst, og de tekniske integrasjonene sparer administrasjonen for utallige timer med manuelt arbeid.
Hvorfor bruker Sommerseth Design Framer til design og Webflow til utvikling?
Ved å kombinere Framer og Webflow får man det beste fra to verdener. Framer lar oss og våre partnere (som Sikt Reklame) jobbe med levende prototyper og teste ut avansert logikk tidlig. I dette prosjektet ble den komplekse CMS-strukturen overført perfekt fra Framer til Webflow, noe som sikret en lynrask, sikker, SEO-optimalisert og ekstremt stabil produksjonsnettside som kunden enkelt kan drifte selv.
Hvordan ble funksjonen for lokasjonssøk løst i Submara-prosjektet?
For å visualisere Submaras landsdekkende beredskap, programmerte vi en skreddersydd komponent med custom kode direkte i Framer-prototypen. Dette gjorde det mulig å simulere et live søk etter beredskapsstasjoner basert på brukerens lokasjon, noe som sikret at den komplekse logikken ble kvalitetssikret og godkjent av kunden før Dejan utviklet den endelige løsningen i Webflow.
Hvem har stått for design og utvikling av de nye nettsidene til Submara?
Prosjektet er et resultat av et vellykket lagsamarbeid. UX og UI-design ble utviklet i samarbeid med Kjetil Sørby fra Sikt Reklame og teamet i Submara (Thomas, Karianne og Håkon). Den tekniske arkitekturen, integrasjonene (HubSpot/Zapier) og majoriteten av Webflow-utviklingen ble stødig gjennomført av vår utvikler, Dejan, hos Sommerseth Design.
