splashing, splash, aqua, water, laptop wallpaper, pouring, clear, droplet, liquid, fluid, mac wallpaper, cool backgrounds, flow, abstract, 4k wallpaper 1920x1080, macro, wallpaper 4k, windows wallpaper, flowing, free wallpaper, drop, blue, ripple, desktop backgrounds, background, raindrop, hd wallpaper, wallpaper hd, waterdrop, water drop, nature, blue nature, 4k wallpaper, blue background, beautiful wallpaper, free background, full hd wallpaper, blue water, blue abstract, blue natural
// Case study · 01

Aperture

Industrial AI that closes.

2026·B2B SaaS / Industrial·Next.js · Three.js · Payload · Resend·18 days
// The brief

A two-person AI startup came in with a working agent and 90 days of runway. Their tool reads industrial parts catalogues — PDFs, supplier emails, jargon-dense spec sheets — and hands a sales rep a quote-ready bundle in seconds. They needed a marketing site that converted demos from procurement managers aged 50+. People who don't trust polish.

// The approach

Stop selling "AI." Sell silence — the silence of not reformatting a PDF on a Friday afternoon. The hero is a Three.js animation of a parts diagram dissolving into a finished quote. No tagline on the first screen, no marketing copy. The product is the demo.

// Process · what we threw away
floor plan, construction, building, pencil, architecture, blueprint, design, architect, sketch, drawing, technical, draft, white, ruler, contemporary architecture, construction, construction, construction, construction, construction, architecture
rejected · v0
first direction · feature grid + 3-up testimonials

First direction was a conventional B2B SaaS layout — feature grid, three-up testimonials, footer CTA. We killed it. The buyer doesn't trust polish; polish reads as "another vendor lying to me." We rebuilt as a single long-scroll with five "question / answer" sections, each anchored on a real industrial part. Demo request inline. No modal.

// we designed ten. they picked one.

Ten directions. One shipped.

Every project starts as ten homepages, fully built. The client picks the one that ships. The other nine aren’t waste — they’re the proof we looked before we leapt.

10 directions · drag or use the arrows
Before / After — homepage direction for this projectpicked
Before / Afteraperture-03

Split-screen: left panel shows the chaotic inbox (crossed-out items, warnings), right panel shows Aperture's resolved quote card in seconds. The gap between the panels is the product.

Dossier — homepage direction for this projectrejected
Dossieraperture-01

Intelligence-file aesthetic: classified header bar, ruled data table with live metrics, capability summary list. Mono labels, amber CTA. Sells trust through structured precision.

Machine Room — homepage direction for this projectrejected
Machine Roomaperture-02

Full-bleed industrial machinery photo dominates the viewport with a strong gradient overlay. Hollow-stroke headline, amber CTA. The image IS the argument — this is where the product lives.

Terminal — homepage direction for this projectrejected
Terminalaperture-04

CLI / terminal aesthetic with an interactive demo: user clicks 'Run demo' to watch Aperture process a spec sheet line-by-line in real time. Green-on-black, monospace throughout.

Spec Grid — homepage direction for this projectrejected
Spec Gridaperture-05

Brutalist layout: light off-white background, hard 2px borders, no border-radius. Giant outline headline. Dark spec table with part-IDs. Four-column pillar grid. Factory-print aesthetic.

Silence — homepage direction for this projectrejected
Silenceaperture-06

Minimal centered statement on charcoal. One enormous headline. Maximum whitespace. Vertical rule. Three small stats below. Portrait testimonial. The restraint is the message.

Bento — homepage direction for this projectrejected
Bentoaperture-07

Asymmetric bento card grid: stat cards (conversion, session, close rate), input/output tag clouds, a machine photo card, testimonial card, and an amber CTA card. Dense value, zero hype.

Blueprint — homepage direction for this projectrejected
Blueprintaperture-08

Blueprint schematic overlay: fine graph-paper grid, engineering drawing annotation markers, dimension callout lines, DWG reference label. Deep navy. Blue accent. Product as a technical drawing.

The Numbers — homepage direction for this projectrejected
The Numbersaperture-09

Stats ARE the headline. Four giant metrics stack vertically with full context lines. Sticky right column holds the testimonial card and a '18 days to ship' proof card. All receipts on the table.

Redacted — homepage direction for this projectrejected
Redactedaperture-10

A supplier email rendered with redaction bars over key data fields. Aperture's resolved output shown in the right column. Interactive 'reveal' button lifts the bars to show resolution. The chaos is the hook.

// The work

Single-page Next.js site. Three.js hero. Five anchored sections. Payload CMS for the part-spec library. Resend for the demo request handler. Built in 18 days by two people.

milling cutters, metal shavings, tool, milling, industry, cutting tool, cnc, machining, milling machine, machine, metal, metal construction, cnc machine, manufacturing, mold making, cutter head, steel, mechanical engineering, metalworking, workshop, closeup, milling, milling, cnc, cnc, machining, milling machine, machine, cnc machine, manufacturing, manufacturing, manufacturing, manufacturing, manufacturing, mechanical engineering
bulldozer, excavator, heavy machine, heavy machinery, equipment, vehicle, machinery, construction site, digger, bulldozer, excavator, excavator, machinery, construction site, construction site, construction site, construction site, construction site
job, welding, people, life, lifestyle, iran, qom, qom province, work, labor, person, mask, man, canon photography, persian, photojournalism, iranian, street photography, success, asia, business, mostafa meraji, social documentary, job, welding, welding, welding, welding, success, success, success, success, success
work, worker, machine, people, engine, vehicle, people, people, people, people, people
// Outcomes
// 01
+58%

demo conversion vs. previous Webflow site, first 30 days

// 02
4m 18s

avg. session — industry baseline: 47 seconds

// 03
11 / 7

demos requested / closed in week one. their best month on record

// Build log · 18 days, condensed
day 01

monday, 11pm. brief over slack. signed before midnight.

day 02

first direction: feature grid, three-up testimonials, footer CTA.

day 04

killed it. the buyer is procurement, 50+. hates polish.

day 06

new direction: long-scroll, five questions, real industrial parts.

day 09

three.js hero locked. parts diagram dissolving into a quote.

day 11

founder said "what if we removed the testimonials entirely?" we did.

day 13

payload wired. founder added four parts that night.

day 14

resend webhook. demo form looks like a human wrote it.

day 16

usability test. procurement manager asked who built it.

day 18

shipped. two of us, awake at 3am, watching the first demo come in.

// If we did it again
01

We'd ship the first Three.js direction even though we hated it. The founder would've told us it was wrong in five minutes, not six days.

02

We'd wire Payload on day one. The founder kept asking to add parts on day six.

03

We'd write the case-study copy during the build, not after. The launch tweet landed before we had words ready.

// From the founder
They shipped the site faster than our last agency briefed it. And it converts.
Mateusz Kowalski
Mateusz Kowalski
Founder, Aperture
Built with Next.js · Three.js · Payload · Resend · 18 days · 2-person team
Want the next one to be yours? →