Helping people understand a business at a glance.

Organising the company story

For Spectra Trust, the challenge is organising a lot of company information into a journey that still feels straightforward. Visitors need to understand the products, see the people behind the business and find the right branch or contact.

A component tree for a long page

I built the site in Nuxt and Vue, splitting the experience into focused components for the hero, products and services, partners, people, branches and contact. This keeps a long page understandable in the code as well as on screen.

The project includes dedicated branch-map components and animation libraries. The public site brings the product range, team and geographic footprint together, then closes with a consultation form.

Component boundaries follow the content

ProductsServices, OurPartners, OurPeople and the branch components give the long page recognisable boundaries. The project also carries GSAP, D3 and geographic-data tooling, so the map and motion layer deserve their own maintenance attention.

For a content-heavy site, I care about whether each component can change without disturbing the rest of the page. Motion should also respect reduced-motion preferences and leave content readable if it fails. Those are engineering criteria to check, not performance or accessibility results I am claiming here.

Give every subject room

A company website can easily turn into a wall of information. My approach here is to give each subject its own space and let the navigation carry visitors to the part they need.

Content structure does the heavy lifting

This is the kind of web work where content structure does much of the heavy lifting. The visual treatment supports the business story; it should never make a product or branch harder to find.