Before
A typical MSP site: a server-room photo, three icon cards and generic security copy, with nothing a store owner can picture or compare.
Kestrel Networks — a managed IT site where a 3D store shows 78 open device paths drop to 11 after segmentation, an attack replayed on both networks, a NOC console preview and a six-question self-check.
Live demo
Click through the working build — every form, filter and calculator runs in your browser.
Industry
Technology
Services
Website & Software Development · Network & Infrastructure
Delivery record
Showcase build · live demo
Kestrel Networks is a fictional managed IT and network security provider we built as a showcase for MSPs, IT consultants and security firms. Instead of a server-room photo, the home page is a 3D store from a 12-location retail chain: on the old network every device can reach every other, 78 red paths in total; switch to the new design and they fall to 11 allowed paths inside three firewall zones. Visitors scroll through five steps, click any device for its before and after, replay the same attack on both networks, then check their own store and book a review.
Most MSP sites look the same: a stock photo of cables, “we keep your business secure” and three icon cards. Network work is invisible, so buyers cannot tell one provider from another. The goal was to make segmentation something a store owner understands in ten seconds, on a phone as well as a laptop, without plugins, video files or a CDN, and under the site's strict content security policy.
Before
A typical MSP site: a server-room photo, three icon cards and generic security copy, with nothing a store owner can picture or compare.
After
A page where the network is the hero. Visitors see 78 open paths in a store like theirs, watch them fall to 11, and replay an attack on both networks before reading any sales copy. About 180 KB of gzipped HTML, CSS and JavaScript including three.js, no images and no external requests.
Phase 1
Phase 1: Concept, store layout and the “every path” visual that carries the story
Phase 2
Phase 2: 3D scene, materials and lighting, before/after transitions and the attack replay
Phase 3
Phase 3: Company pages, NOC console, self-check, mobile layout and automated QA
An IT services site that shows the work instead of describing it. The same scene can be re-skinned for a clinic or an office, and the self-check and booking form are ready to connect to a CRM. Amen Security builds sites like this and runs the networks behind them.
three.js (WebGL, ambient occlusion on capable desktops), vanilla JavaScript modules bundled with esbuild, CSS Grid and sticky positioning, self-hosted IBM Plex fonts, Playwright automated browser QA.