Flagship case study

XOCEAN

Making ocean data capability clear at global scale

Year
2024
Industry
Ocean Tech / Blue Economy
Scope
Website Design
Timeline
2 months
Archive
13 published artefacts
XOCEAN ocean-data website shown on a tablet against a dark textured surface
01

Starting condition

What needed to change

XOCEAN's story extended beyond its vessels, but every audience needed a different route into the wider data platform.

Energy partners needed to understand data quality, applications and environmental value. Investors required a credible picture of global capability and growth, while prospective hires needed context on the company and its work. The site also had to be ready for important funding and growth communications. The challenge was to make those paths legible without simplifying the technical detail that gives XOCEAN its authority.

Executive summary

Summary

Business condition
XOCEAN's story extended beyond its vessels, but every audience needed a different route into the wider data platform.
Organizing decision
The digital story shifted from individual vessels to an integrated view of global ocean data capability.
Studio contribution
Industrial Tech & Digital Infrastructure
What you can inspect
The work, and the decisions behind it.
Selected artefacts

Selected detail from the project.

The sequence moves from the lead expression into interface, content and implementation detail. Every imported image remains available in the complete project archive below.

View the full image set9 more images
Wordpress website design on screen, promoting web development the region.
05Wordpress website design on screen, promoting web development the region.
Three autonomous marine vessels on the sea, reflecting website design expertise.
06Three autonomous marine vessels on the sea, reflecting website design expertise.
XOCEAN website showing technology and data metrics by Vancouver Website Design.
07XOCEAN website showing technology and data metrics by Vancouver Website Design.
Website UI for XOCEAN, a specialised website design project.
08Website UI for XOCEAN, a specialised website design project.
XOCEAN website on smartphone, displaying clean and responsive website design.
09XOCEAN website on smartphone, displaying clean and responsive website design.
Autonomous marine survey vessel near offshore wind farm for website design.
10Autonomous marine survey vessel near offshore wind farm for website design.
Modern website design with dark mode interface for data service presentation.
11Modern website design with dark mode interface for data service presentation.
Engineers maintain survey vessels, representing businesses served by website design.
12Engineers maintain survey vessels, representing businesses served by website design.
Vancouver Website Design regional team with X-Ocean survey vessels.
13Vancouver Website Design regional team with X-Ocean survey vessels.
02

Design response

The organizing idea

The digital story shifted from individual vessels to an integrated view of global ocean data capability.

UX architecture, web design, data portal interface direction, brand strategy and technical SEO were combined within one platform. The structure connects fleet information, sector applications, carbon impact messaging, recruitment, partner proof and search content without splitting them into separate stories. Different visitors can reach relevant detail quickly, while the wider proposition remains coherent across the site.

03

Published process

How the work moved

A two month programme prioritised the decisions that would improve comprehension and confidence fastest.

We established the core hierarchy, developed a data led visual language and wrote practical explanations of USV capability for specialist and non-specialist audiences. GDPR aware technical foundations and SEO around hydrographic USV data and offshore wind survey needs supported the build. Working at pace meant focusing on the content relationships and interface decisions most valuable to enterprise, investor and recruitment users.

04

System delivered

01Industrial Tech & Digital Infrastructure
05

Evidence standard

What we publish

Published work, with its source.

This profile carries the complete published project image set and identifies its source. Commercial results and third-party endorsements appear only when their source and publication status are clear.

Original published case record
Next flagship

Metaltech

A clearer technical product story for aviation procurement teams

Metaltech ground-support website displayed on a phone in a rugged black settingView case

Working on something similar?

Describe the situation and what you already have in place. I will suggest the smallest sensible next step, which is not always a project.

Discuss a similar projectBack to all work