A new website for Outsource Group, who run managed security, a sovereign private cloud, governance consultancy, a digital forensics unit and connectivity across Ireland, Great Britain and Europe. It folds three websites into one, presents the five as layers of a single platform, and runs on a CMS their own team edits.
Outsource Group had become a platform business. Online, it still looked like three separate companies.
Over twenty five years the group grew from IT support into five capabilities: managed security, sovereign cloud, governance consultancy, digital forensics and connectivity. Several began as brands of their own, and each kept its own website.
So a buyer could meet Outsource at osgroup.co.uk, ansecia.com or osgcloud.co.uk, with three logos, three palettes and three ways of describing the business. The main site led with stock photography and a list of services separated by pipes.
There was an irony in it. Outsource’s whole argument is that buying security, cloud and connectivity from separate suppliers leaves gaps between them, where cost and risk collect. Their web presence had the same shape.
The old osgroup.co.uk, ansecia.com and osgcloud.co.uk homepages break into hexagonal pieces, and a third of each reassembles as the new osgroup.co.uk homepage while the rest falls away.
Set at the start of the project and held to on every page.
The homepage opens on a single drawing: five identical plates stacked into one platform, each named on its face. Every plate is the same size and the same weight, so no capability reads as more important than another, and the headline says what the company is in five words.
The core pages carry no stock photography. Each capability is drawn instead, as an isometric schematic on the same plate as the homepage stack: workloads inside a UK boundary for sovereign cloud, a sealed original beside its working copy for forensics.
The old homepage was a list. The new one names five capabilities, always in the same order and with the same numbers on every page that lists them. The detail sits one click down, on a page for each.
The stack assembles once, from the top down. A light crosses the edge of each plate, one signal running through all five. Hairlines draw in as you scroll. That is nearly all of it. We saved the flashier ideas for this page.
Each capability has a page of its own, set out the same way as the other four, with one centrepiece that only it has.
01 Security Platform
The managed security service at the core of the platform. Its page makes the case by subtraction: a list of what S-Core removes, set at headline size and struck through. Multiple security tools, alert fatigue, limited in-house expertise, unclear accountability.
02 Sovereign Cloud
A cloud Outsource own and run rather than resell. The page answers “why Outsource?” in one line, “the short answer is ownership”, and closes on a plain comparison with the hyperscalers.
03 GRC Consultancy
The Ansec consulting team, now under the Outsource name. An engagement runs in four steps, assess, advise, rehearse and assure, and AI and data governance leads the seven areas they advise on, marked as their fastest growing ask.
04 Digital Forensics
A government-approved unit in police-approved premises. The page follows one chain of custody from seizure to court, which is the thing a forensics buyer most needs to see unbroken.
05 Connectivity
Voice, data and mobile, carried since 2012. The page puts the whole argument in one line: with two providers, an outage means two phone calls.
Every page and all 125 Insights posts are built from the same parts, so the site reads as one company wherever you land on it.
01 Home
The homepage says what the company is in five words, beside the platform drawn as a single stack.
02 Platform
How the five depend on one another, one verb each: security leads, cloud underpins, governance enables.
03 Sectors
Engagements are anonymised by design, so the page shows the shape of the work rather than the names.
04 About
The group’s story since 2000, and the few facts a buyer checks first.
05 Insights
Seven years of posts, filtered by capability, with a featured story at the top.
06 Insight post
Each post carries its capability as a tag and leads into related reading alongside.
07 Contact
Book a consultation, or skip the form: the direct email and phone sit right beside it.
Built for the phone as its own layout, down to the drawing.
On a phone the stack keeps every plate, number and name rather than being swapped for something simpler. It is framed tight to the plates instead, which takes the names on their faces from about 8px to 11px.
The capability menu opens as a full screen of its own, and the long comparison tables fold into pairs that read top to bottom.
A security company’s own website is the first thing a careful buyer might test. Outsource’s was hardened before it went live, and we host it and look after it ourselves.
What that involves stays between us and Outsource, which is rather the point.
The parts of the site that do their work quietly.
Statamic, with a library of page sections the team arranges themselves: ledgers, comparisons, timelines, numbered grids. A new page is put together from the same parts as the rest of the site, so it looks like it belongs.
125 posts from 2019 to 2026, moved from the old site. The old news addresses redirect to their new homes, so links out in the world still land on the right article.
ansecia.com and osgcloud.co.uk now redirect to the new site, so old links, bookmarks and business cards all arrive somewhere current.
The Current thinking cards on the homepage are picked from Insights posts rather than typed in, so changing a post’s picture or title updates the homepage as well.
A sitemap that builds itself from the content, page titles and descriptions the team can edit, and the old site’s addresses redirected, so the search history it had built up carries over.
The Capabilities menu leads with the platform and lists the five beneath it in platform order, so the structure is there before anyone opens a page.
Laravel 13 and Statamic 6 underneath, with Vue 3 and Tailwind CSS 4 on top, built with Vite. Statamic gives Outsource’s team control of every page and post, and we host the site and look after it.
HTML5, CSS3, JavaScript, Vue 3, Tailwind CSS 4, Vite 8, SVG
Laravel 13 (MVC framework), Statamic 6 (CMS)
Statamic page section library, isometric SVG schematics, 301 redirect map, managed hosting
Most of our clients use more than one.
Designed and built from scratch around your business rather than adapted from a template. Every page and every field is there because it earns its place.
→ 02Branding, artwork and the design work that sits around a site rather than inside it.
→ 03The framework we build almost everything on, and the one we are most often asked to take over.
→A few of the other projects we have built.
