Jaden Glass
A first website for a brand new supplier of fire resistant and ballistic glass. The founder brought 25 years of security glazing expertise, two product sheets and a background document. I turned that into a technical, certified-spec website, worked up a logo along the way, and had it signed off in four weeks.
4 weeks
Brief to sign-off
3
Design directions offered
9
Ballistic levels explained
0
Tracking cookies
Overview
The Problem
Denis Wright spent 25 years designing and testing steel glazing systems for fire, blast and ballistic protection, supplying transport hubs, government buildings and commercial projects around the world. Jaden Glass Ltd is his new venture: supplying EI fire resistant glass certified to EN 13501-2 and ballistic glass rated to BS EN 1063.
A new company needs a website, but this is not a site where a nice photo and a friendly paragraph will do. The buyers are architects, specifiers and contractors. They need fire ratings, glass thicknesses, weights, light transmission figures and the exact BS EN 1063 level that stops a given round. Get a number wrong and the site loses its credibility, and the business with it.
What Denis had was two product sheets, a Word document on the company background, and a clear idea that the site should say "Security in Glass". No logo, no copy, no photography beyond the project photos in his specification documents.
The Solution
I transcribed every product fact from the two sheets into a single configuration file, so each specification table, protection level and application on the site is drawn from one place. Correct a figure there and every page updates. Nothing about the glass is typed twice, and nothing about the glass is invented.
Around that data I built a clean, technical site in a deep jade green: a ballistic protection ladder from BR1 to BR7 plus the two shotgun levels, interior and exterior EI glass specification tables, typical applications for both ranges, a company history page, a delivery and handling page and an enquiry form. Any copy I wrote myself was flagged with an amber badge until Denis confirmed it, so he always knew which words were his and which were placeholders.
Working Together
From product sheets to a signed-off site.
A technical product site needs the client's expertise at every step. Here is how the project actually ran.
A full first draft in a day
Rather than send a mood board, I built the whole site from the product sheets on day one and put it on a private preview link. Denis could react to something real, on any device, from the very first conversation.
Three designs, switchable live
I built three complete design directions and added a flyout on every page of the preview so he could switch between them while browsing. He chose the jade green. The chooser was retired the same day and the other two directions dropped.
A logo worked up alongside
There was no logo, so I added a private sketchpad page with logo ideas, a live palette and type preview. Denis asked for a shield, I worked it up into a lockup with the wordmark, and it now sits in the header, footer, favicon and structured data.
Designer copy, clearly labelled
Every sentence not taken from his documents carried a visible amber badge on the preview. He confirmed or corrected each one, the badges came off, and a faint designer watermark stayed across the site until the day it was signed off.
Corrections turned around fast
Three rounds of feedback came back as dated lists of corrections, and each was applied within a day. Product names, level naming, the green of the logo, the wording on the ballistic ladder: all his calls, all made quickly.
Hidden from search until ready
The preview ran in a demo mode that told search engines to stay away, so a half-finished site never competed with the real one. When Denis signed off, the watermark came down and the site went live at jadenglass.com.
Features
What I Built
One source of truth for the specs
Every fire rating, thickness, weight, U-value and ballistic level lives in one configuration file, transcribed from the client's sheets. The pages read from it, so the figures can never drift apart.
The ballistic protection ladder
BR1 to BR7 plus SG1 and SG2, each with the weapon type, the round it is tested against and the glass thickness, drawn with original weapon icons so a specifier can read the whole range at a glance.
Proper specification tables
Interior and exterior EI glass at 30, 60, 90 and 120 minutes, with captions and scoped headers so the tables are as usable with a screen reader as they are on a desktop.
Applications you can picture
Eight typical applications for each range, from escape routes and atriums to cash handling counters and embassies, each as an image card with a line on why that setting needs that glass.
Spoken introductions
Each product and the business itself has a short voiceover behind a play button, for visitors who would rather listen than read a specification.
An enquiry form that fails politely
Validated, rate limited, with a honeypot that silently drops bots. If the email ever cannot be sent, the visitor gets an apology and the phone number rather than an error page.
Dark mode and WebP images
A sun and moon switch in the header, remembered between visits. All photography served as WebP with right-sized copies for phones, so the pages stay fast on site visits as well as at a desk.
Built to be found
Per-page titles and descriptions, canonical URLs, Open Graph tags, Organization and breadcrumb structured data, and a generated sitemap, so a brand new company starts with its search foundations in place.
Accessible and private by default
Skip link, landmarks, one heading per page, labelled form fields, visible focus and reduced-motion support. Web-safe fonts only, no webfont downloads and no non-essential cookies, so there is no banner to click away.
Screenshots
The Website in Action
The protection ladder. Nine BS EN 1063 levels, the weapon and round each is tested against, and the glass thickness, readable in one pass.
Typical applications for EI fire glass. Escape routes, corridors, atriums and shopfronts, each with a line on what the glass has to do there.
The bigger picture
Technical products deserve a technical website.
A template with a hero image and three feature boxes would have sold Jaden Glass short. Its customers are specifying life-safety glazing, and they want the numbers, laid out clearly, from a company that plainly knows what it is talking about.
Building bespoke meant the product data could be structured properly, the client's own expertise could lead, and the site could be shaped around what a specifier actually needs rather than what a theme happened to offer.
See how bespoke websites workOutcomes
What Was Delivered
A credible technical presence
Every figure on the site is the client's own, presented in a way a specifier can use. The site reads like it was written by someone with 25 years in the industry, because the facts were.
A brand, not just a site
The shield lockup, the jade palette and the "Security in Glass" line now carry through the website, favicon, social previews and structured data, ready to be reused on stationery and documents.
Signed off in four weeks
From the product sheets landing in my inbox to the client's sign-off and launch at jadenglass.com, including three design directions, a logo and three rounds of corrections.
Easy to keep right
When a specification changes, it changes in one place. Owned outright, hand coded, fully tested, and with a direct line to the person who built it.
Portfolio
More recent work
Belviston.co.uk
A property developer stuck with a hosting company's website builder. Two design directions to choose from, and a bespoke site she owns outright, live inside a week.
WiltshirePsychology.co.uk
A careful mobile-responsive retrofit of a 20-year-old psychology practice website. Same URLs, same hosting, zero SEO disruption, delivered ahead of schedule and under budget.
HealthyURL.co.uk
An AI-powered website audit platform. Scan any site across 8 categories, get AI-generated fix guides, and track repairs over time.
Launching a business with a technical product?
Send me the spec sheets. I will show you what the site could look like before you commit to anything.
The information in this case study was accurate at the time the site launched. The owner may have changed features, prices or other details since, and any such changes are not reflected here.