A dark palette that earns its place
Dark website designs are easy to do badly. They often feel heavy, hard to read, or like someone just inverted the colours. For UBC, dark wasn’t a stylistic preference. It was the right answer.
Carbon fibre is black. The material itself is dark, textured, and technically beautiful. We built the entire visual language around that. The background carries a subtle carbon fibre weave texture throughout the site. It’s not decorative. It’s a direct reference to what UBC actually makes.
The result is a website that feels premium and technical without trying too hard. Dark tones communicate sophistication. The carbon texture adds depth without cluttering the layout.
Hexagonal geometry as a design system
We introduced hexagonal shapes as a recurring visual element across the site. This wasn’t arbitrary. Hexagons appear naturally in carbon fibre weave patterns, and they symbolise the precision and structural integrity that defines composite manufacturing.
The hexagons show up in section dividers, icon containers, and background elements. They create a consistent visual rhythm that ties the pages together while reinforcing UBC’s technical positioning. It’s the kind of detail that an engineer visiting the site would notice and appreciate, even subconsciously.
Structuring a complex offering
UBC does a lot. Six services and four product categories, each with its own technical specifications and audience. Getting this organised was one of the bigger challenges.
We separated services (what UBC does: development, laminating, pressing, assembly, CNC milling, quality assurance) from products (what UBC makes: series production parts, motorsport components, aerospace parts, scale models). This mirrors how their clients actually think: some come looking for a specific manufacturing process, others come looking for industry-specific expertise.
The navigation uses anchor links within the services and products pages, so visitors can jump straight to what they need without scrolling through everything else.
