Three live concept sites for Swagelok
Three ways we could build Swagelok’s new website.
Choose the one that feels right.
Every direction below is a real, live website you can click into and explore. Each has its own pages in English and Spanish and is built on the same facts about Swagelok, so you can judge how it would feel to the engineers and buyers who use it.
-
Isometric Flat isometric illustration
A warm illustrated plant whose fluid path lights up, from supply to return.
Visit the live site: Isometric -
Blueprint Technical drawing sheet
A blueprint drawing sheet that drafts itself, then fills with flowing fluid.
Visit the live site: Blueprint -
Fluid Soft 3D glass
Clear glass tubing and stainless fittings on ice blue, with liquid drifting through.
Visit the live site: Fluid
Isometric
Flat isometric illustration
A friendly illustrated plant that shows how your components keep fluid moving, its pipe runs lighting up stage by stage. Suits a warm, approachable first impression.
Flat isometric illustration
The plant, drawn so anyone can follow the fluid
- Supply
- Regulate
- Control
- Sample
- Return
What it is
The home page opens on an illustrated process plant on a sand ground: brick buildings, a tank farm, cream pipe runs and red handwheel valves. Every inner page has its own small illustrated scene.
How it moves
One fluid path runs through the plant in five stages. Each pipe run lights in turn while a legend under the drawing follows along, and steam drifts from the stacks. In the dark scheme it is the same plant at dusk, glowing amber.
Who it suits
A warm, approachable face for parts that are hard to picture. A buyer or plant manager sees what a valve or a regulator does before reading a word.
Inside the live site Six pages in English and Spanish: products with all eleven families, engineering services, about, contact and privacy. Each inner page has a small illustrated scene that moves.
Blueprint
Technical drawing sheet
A white-on-blue piping drawing that drafts itself line by line, then fills with flowing fluid. Suits a technical, engineer-first presence.
Client: Swagelok Company
Drawing: Website direction · Blueprint
Sheets 06 · EN + ES
Rev Concept
URL swagelok-blueprint.demo.sites.wwi.dev
Inside the live site Six drawing sheets in English and Spanish, each with its own title block. Products is laid out as a schedule, and the 1947 tube fitting appears as an exploded detail.
What it is
The whole site is one drawing sheet: a piping schematic with tag bubbles, line numbers, dimension lines and a drafting title block, set in a monospaced drafting type.
How it moves
On load the drawing draws itself, stroke by stroke. Then bright slugs of fluid travel the tube bores while the valves turn and the regulator spring breathes. At night the sheet turns deep navy.
Who it suits
Speaks the language of the engineers, technicians and contractors who specify Swagelok parts: precise, technical and calm.
Fluid
Soft 3D glass
Clear glass tubing and polished stainless fittings on a calm ice-blue field, with liquid drifting through the glass. Suits a premium, product-first presence.
Clear glass and polished steel
A calm, dimensional direction with liquid in motion
A glass tube carrying pale liquid through polished stainless fittings, running behind a frosted card.
What it is
A glossy glass tube carries pale liquid through polished stainless fittings, across the page and behind frosted-glass cards. The navigation floats on a frosted card of its own.
How it moves
Marbled wisps and bubbles drift through the tube, light runs along the glass and across each fitting, and the hero card floats gently. At night the liquid glows cyan.
Who it suits
A premium, product-first impression in the spirit of the best product pages, while staying plain-spoken about leaks, uptime and safety.
Inside the live siteSix pages in English and Spanish. Each inner page runs its own glass-tube scene: a gauge, a lens over a joint, vessels that fill, a hub feeding local centers.
What’s included with your website
Whichever direction you choose, the finished site is built on the same foundation, and we keep looking after it once it is live.
Built and hosted
- Hosting and delivery
- Served from Cloudflare’s global network over HTTPS. Every approved change goes live automatically, and your own domain is connected at launch.
- Security
- Hardened security headers and a strict content security policy, contact forms protected from bots by Cloudflare Turnstile, and no tracking cookies.
- Accessibility
- Built to WCAG 2.2 AA, with a light and a dark scheme that both stay readable.
Found and measured
- Search
- Structured data, sitemaps, canonical and language tags built in. Search engines are notified on every update through IndexNow, and Google Search Console is set up for you.
- Monitoring and a weekly report
- Daily checks of the search fundamentals, index coverage and page speed (Lighthouse), with regressions flagged early, and a weekly search report by email.
- Languages
- The full nine-language set for a commissioned site, with every page written natively in each language.
Looked after
- Leads
- Contact-form messages reach your inbox as branded emails, and delivery is checked at every deploy.
- Legal pages
- A privacy policy, and terms where they apply, drafted for your site and kept up to date.
- Ongoing care
- A customer portal with site stats and change requests, monitoring of your domain’s ownership, and registration with corporate web filters so the site opens on workplace networks.
Tell us which direction you like.
Choose one as it stands, combine parts of two, or ask for changes. We shape the full site from there.
Pricing is determined case by case, based on the complexity of the final site and other factors.