Enterprise Webflow-webpage for Submara
In collaboration with the talented team at Submara, we transformed Submara's digital presence into a lightning-fast enterprise website built in Webflow.
Client: Submara
Industry: Maritime infrastructure, ROV, and underwater operations
Partners: Kjetil Sørby / Sikt Reklame (UI/UX collaboration)
Services delivered by Sommerseth Design: UX & Strategy, Advanced UI/Design & Prototyping (Framer), Webflow development, CRM integration (HubSpot/Zapier), and SEO & Analytics.
Project overview
Submara are experts in the maritime domain, with specialist expertise in ROV (underwater drones), survey, and maritime infrastructure. With a clear promise – "Local readiness. All along the coast." – they needed a digital presence that mirrored their authority, quality, and enterprise-level standing. Sommerseth Design was chosen as strategic and execution partner to deliver a complete digital upgrade. The result is a tailor-made, lightning-fast, and scalable Webflow website, seamlessly integrated with their existing CRM and IT systems. We've had an incredibly good and close collaboration with Thomas, Karianne, and Håkon at Submara throughout the entire process, and we're extremely grateful for their trust in such an exciting project!
The Challenge
Submara operates in a complex, mission-critical B2B market. The challenge lay in translating deep, technical maritime expertise into a visually engaging and user-friendly format. The project also required a robust technical architecture behind the scenes to ensure a seamless and secure flow of recruitment and lead data directly into the company's internal systems.
Our Approach: From Concept to Launch
Our delivery model is built on close collaboration, advanced interactive prototyping, and uncompromising technical quality. The web delivery was split into four main phases:
1. UX & Strategy (Insight and Foundation)
We started by mapping out user journeys and information architecture to ensure that prospective customers, partners, and job seekers alike could quickly find relevant information. Here, we worked closely with Kjetil Sørby from Sikt Reklame on UI and UX to establish a rock-solid strategic and visual foundation that sharpened Submara's domain expertise through a logical, intuitive site structure.
2. Design & Interactive Prototyping in Framer (Our Tool of Choice)
To make sure the user experience was 100% right before moving into final production code, we designed and prototyped the entire website in Framer. Framer is our absolute tool of choice because it lets us work with live components, real interactions, and dynamic content instead of flat image files. One of the technical highlights of this phase was building a custom-tailored location feature. To prove out the concept behind Submara's core message ("Local readiness"), we built custom code directly into the Framer prototype. This let the team test and search for readiness stations based on geographic location already at the design stage — giving Submara full confidence in the functional solution before development even began.
3. Technical Webflow Development & Automation
With a fully tested foundation from Framer, the baton was passed to our skilled developer, Dejan, who carried out the majority of the development work. One of the biggest wins in this phase was how perfectly and seamlessly the advanced CMS structure and logic from Framer carried over into Webflow. Dejan made sure the design was translated pixel-perfectly into production-ready code, and implemented robust enterprise solutions behind the scenes:
- Seamless CRM integration: Setting up complex forms via Zapier, connected to a dedicated IT system account to ensure stable and secure transfer of leads straight into HubSpot.
- Careers page & recruitment: Custom-built flows for job postings with engaging, industry-tailored interactions (e.g. "Application received! 🌊 We're diving into your papers...").
- Accessibility & responsiveness: Extensive QA and browser optimization to guarantee a flawless experience on any device.
4. Launch, SEO, and Compliance
Before handover, we made sure everything technical was future-proofed. We handled DNS pointing and domain setup, implemented Consent Pro for watertight GDPR cookie compliance, and integrated Google Analytics and Google Search Console for performance tracking and organic visibility.
Key Technology & Tech Stack (Project Details)
- Design & Prototyping: Framer (with custom code for location search)
- Platform: Webflow (enterprise-ready CMS development)
- CRM & Automation: HubSpot, Zapier
- Privacy & GDPR: Consent Pro cookie script
- Analytics & SEO: Google Analytics, Google Search Console
Results & Value for the Client
Thanks to the open and fantastic collaboration with Thomas, Karianne, Håkon, and Sikt Reklame, Submara now has a website that not only looks incredibly professional, but also works as an effective, round-the-clock sales and recruitment channel. The flexible Webflow architecture means Submara can easily scale the site as the company grows, and the technical integrations save the admin team countless hours of manual work.
Technical Delivery
Why does Sommerseth Design use Framer for design and Webflow for development?
Combining Framer and Webflow gives you the best of both worlds. Framer lets us and our partners (like Sikt Reklame) work with live prototypes and test advanced logic early on. In this project, the complex CMS structure was carried over perfectly from Framer to Webflow, resulting in a lightning-fast, secure, SEO-optimized, and extremely stable production website that the client can easily manage themselves.
How was the location search feature solved in the Submara project?
To visualize Submara's nationwide readiness coverage, we built a custom component with bespoke code directly into the Framer prototype. This made it possible to simulate a live search for readiness stations based on the user's location, ensuring the complex logic was quality-checked and approved by the client before Dejan built the final solution in Webflow.
Who was behind the design and development of Submara's new website?
The project is the result of successful teamwork. UX and UI design was developed in collaboration with Kjetil Sørby from Sikt Reklame and the team at Submara (Thomas, Karianne, and Håkon). The technical architecture, integrations (HubSpot/Zapier), and the majority of the Webflow development were confidently carried out by our developer, Dejan, at Sommerseth Design.
Anerkjennelser.
