The challenge

Hexmodal needed a website that could explain a highly technical product in a clear, confident and commercially focused way.

Their platform helps facilities teams automate compliance testing, remove manual admin, generate survey-ready reports and keep critical environments monitored. The technology is advanced, but the website needed to make the value simple to understand from the first visit.

The project covered strategy, UX, sitemap planning, design, Webflow development, CMS architecture, HubSpot integration, resource structuring, redirects, DNS setup, SSL configuration and HSTS security.

The result is a polished and scalable Webflow website that gives Hexmodal a stronger digital platform for sales, education, lead generation and long-term content growth.

Full Case Study

Turning complex technology into a clear digital experience.

Hexmodal solves a real problem for facilities, compliance and operations teams.

Manual compliance testing takes time. Reporting can be inconsistent. Records are often spread across different systems. For teams working in healthcare, education, manufacturing, commercial property and other regulated environments, this creates extra pressure and unnecessary admin.

Hexmodal’s technology helps remove that manual workload. Their smart devices automate routine compliance checks, monitor key environments and generate reports that are ready for inspection. The platform brings the data together in one place, making it easier for teams to stay on top of their obligations.

The challenge was making all of this simple online.

Hexmodal’s offer sits across several technical areas, including life safety, IoT hardware, environmental monitoring, healthcare operations, automated reporting, CMMS integrations and compliance support. The website needed to explain the product ecosystem clearly without overwhelming the user.

It also needed to work for different audiences.

A facilities director may want to understand how the system reduces manual work and contractor costs. A healthcare operations team may care more about survey-ready reporting and critical environment monitoring. A technical stakeholder may want reassurance that the system does not rely on WiFi or Ethernet. A prospective customer may simply want to view the product range, check pricing or book a demo.

The site had to support all of these journeys without becoming confusing.

Building the right structure first.

We started with the sitemap.

For a product-led B2B website like Hexmodal, structure is everything. The site needed to hold a large amount of information, but it still had to feel easy to move through. Before focusing on the visual design, we worked through how the content should be grouped, what each section needed to do and how users would naturally move through the site.

The final structure included clear areas for Solutions, Products, Services, Problems We Solve, Industries, Customer Stories, Resources, What’s New, About, Careers, Contact and Pricing.

This gave the website a stronger foundation. Users could enter the site from different points and still find a relevant route through. Someone looking for a specific product could go straight to the product pages. Someone researching a compliance challenge could explore the problems Hexmodal solves. Someone comparing providers could look at industries, case studies and resources before booking a demo.

This approach also gave Hexmodal more flexibility for future marketing activity. The site now has targeted pages for products, industries, pain points and resources, rather than relying on broad generic pages.

Making the message easier to understand.

The main message behind the website was straightforward: Hexmodal helps facilities teams automate compliance and stay survey-ready.

That needed to come through quickly.

We worked to make the homepage clear and focused. The opening section introduces the value of the platform without asking the user to understand all the technical detail immediately. From there, the site guides visitors into products, compliance challenges, industries, customer stories, resources, pricing and demo actions.

The copy and page structure were built around clarity. Hexmodal’s devices install quickly, work without WiFi or Ethernet, automate required testing and generate AHJ-ready reports. These are important benefits, but they needed to be introduced in a way that felt useful rather than dense.

The website now explains what Hexmodal does, why it matters and how it helps. It gives enough technical detail to build trust, while keeping the main user journey focused on value.

Designing a site that feels technical, but still human.

Hexmodal’s product is advanced, so the website needed to feel credible and sharp. At the same time, it could not feel cold or overloaded.

We created a modern visual system with strong contrast, bold typography, clean content blocks and structured product cards. The design gives the brand a more confident digital presence while keeping the experience easy to scan.

The site uses a mixture of product imagery, facility imagery, dashboard visuals and clear information cards. This helps users understand both sides of the offer: the physical devices installed in real buildings and the digital platform that manages the data, alerts and reporting.

We also made sure the design could scale across a large website. Product pages, industry pages, resource pages and customer story pages all needed to feel part of the same system. Reusable components helped create consistency across the site and made the build easier to manage long term.

Presenting the product ecosystem clearly.

Hexmodal has several product categories, including smart emergency lights and exit signs, smart fire extinguisher monitoring, room environment monitoring, temperature monitoring, leak detection and the wider Hexmodal platform.

Each product needed enough space to explain its purpose and value. The pages also needed to feel consistent, so users could move from one product to another without having to relearn the layout each time.

We created a repeatable product page structure that balances benefits, technical detail, use cases and calls to action. This gives Hexmodal a flexible way to present each product while keeping the overall experience coherent.

The same thinking was applied across other content areas. Problems solved, industries, services, resources, customer stories, articles and events were all structured in a way that could grow over time.

This was a key part of the Webflow build. The site was not built as a collection of isolated static pages. It was built as a scalable CMS-driven platform that the Hexmodal team could continue to expand after launch.

Creating a practical resource hub.

The resources section was an important part of the project.

Hexmodal needed somewhere to hold product catalogues, specification sheets, sample reports, integrations, support material, articles, news, events and webinars. These assets are useful for prospects, customers, internal teams and sales conversations.

We structured the resource area so it could work as both a marketing tool and an information hub. Visitors can explore useful content without having to speak to the sales team immediately. Hexmodal can also continue adding new resources as the product offering grows.

This gives the website more depth. It also supports future SEO, AEO and paid campaign activity, because the business now has a stronger library of useful, structured content.

Supporting trust through customer stories.

For a technical B2B product, proof matters.

The website needed to show that Hexmodal’s technology is already creating measurable value. We built the customer stories section to give the business a stronger way to show results, including time savings, cost reductions, facilities covered, devices installed and operational outcomes.

This helps prospective customers understand the commercial value of automation. It also gives Hexmodal’s sales team a clearer way to show real-world impact.

The customer story structure is now ready to grow as more projects and results are added.

Improving the sales journey.

The website needed to do more than explain the product. It needed to help generate better enquiries.

We created multiple conversion paths across the site. Users can schedule a demo, check pricing, download resources, explore products, view customer stories or submit an enquiry. This gives visitors more control over how they engage with Hexmodal.

It also gives the sales team a stronger foundation. Instead of relying on one basic contact route, the website now supports different levels of buying intent.

A user who is ready to talk can book a demo. A user who is still researching can download resources or explore case studies. A more technical user can review specifications and product details before getting in touch.

The site now works harder at every stage of the decision-making process.

Connecting the website with HubSpot.

Hexmodal also needed the website to connect properly with their CRM setup.

We supported the HubSpot integration requirements so form submissions and marketing preferences could pass into the right places. This required careful planning around form mapping and CRM behaviour, especially where the requirements moved beyond a standard Webflow form setup.

The goal was to create a cleaner workflow for the Hexmodal team. Enquiries needed to be captured properly, passed into HubSpot and set up in a way that could support future segmentation and marketing activity.

This gave the project an additional layer of technical complexity, but it was important for the website to work properly as part of the wider sales and marketing system.

Building in Webflow for long-term control.

The final website was built in Webflow with scalability, flexibility and maintainability in mind.

The site includes a large number of page types, including product pages, service pages, industry pages, problem pages, resource pages, support pages, pricing pages, articles, customer stories and event pages.

Each area needed to work as part of one joined-up system.

We built reusable components for recurring sections such as product cards, CTA panels, resource cards, customer story teasers, industry blocks, navigation dropdowns and contact sections. This keeps the website consistent and makes it easier for the Hexmodal team to manage.

The CMS was also planned carefully. Hexmodal can now add new products, resources, news, customer stories and updates without needing to rebuild the structure each time.

That was one of the most important outcomes of the project. The website is not fixed in place. It can keep growing with the business.

Making the navigation easier to use.

With a website of this size, the navigation needed careful attention.

Hexmodal has a broad product ecosystem and several different types of content. The mega menu needed to make this easier to explore, not harder.

We structured the navigation around how users are likely to think: products, problems, industries, services, resources and company information. This helps visitors find relevant content quickly, even when they are not yet sure which product they need.

The navigation now supports discovery without feeling cluttered. It gives the website a clearer hierarchy and makes the wider content structure easier to understand.

Managing the technical launch properly.

The launch process involved more than simply publishing the website.

We worked with Hexmodal’s infrastructure lead to manage the Webflow setup, DNS records, domain verification, SSL activation, redirects, default domain settings and HSTS implementation.

There were several domains in play, so the configuration needed to be handled carefully. The aim was to give Hexmodal a secure and unified web presence with the correct domain behaviour across the full setup.

This included the key technical details that users rarely see, but that matter for performance, security and long-term reliability.

A collaborative project from start to finish.

The project required close collaboration with Hexmodal throughout.

Their team was involved across sitemap planning, design feedback, copy, product assets, CMS requirements, CRM requirements, resource planning and launch preparation.

After the final homepage mock-up was shared, the Hexmodal team signed off the design direction and we moved into the wider build. From there, the work focused on turning the approved direction into a full website with all of the right content structures, page layouts and technical foundations.

As with most large website projects, there were decisions to make along the way. Some pages needed more copy. Product assets needed updating. Downloadable resources needed confirming. HubSpot requirements needed separating into launch-critical work and items that could follow afterwards.

We worked through these points clearly and practically. The focus stayed on the same outcome throughout: a website that would be useful for users, manageable for Hexmodal and strong enough to support the next stage of the business.

The outcome.

Hexmodal now has a polished, scalable and technically robust Webflow website.

The site explains a complex product ecosystem in a much clearer way. It helps users understand what Hexmodal does, who it helps, why the technology matters and how the platform works.

It also gives Hexmodal a stronger foundation for search, AEO, paid campaigns, sales enablement and ongoing content growth. The business now has specific pages for products, problems, industries, resources, customer stories and pricing, giving users clearer routes into the content that matters to them.

From a technical perspective, the site was launched with Webflow hosting, SSL coverage, secure domain configuration, redirects and HSTS implementation.

From a business perspective, the new website gives Hexmodal a more credible digital presence. It supports sales conversations, helps generate leads, gives prospects useful information and gives the internal team more control over future updates.

This was not just a visual refresh. It was a full digital platform for a business helping facilities teams replace manual compliance work with smarter, automated systems.