01
Marketing sites
A site that explains an offer, carries a reader to one next step, and stays fast when the campaign traffic shows up.
Parent company of Black Box Personalization
Websites built to be fast, clear, and measurable.
Websites engineered to perform
Black Box Site Design designs and builds marketing and product sites. The page, the measurement, and the next step are one project.
Black Box Personalization, a Black Box Site Design company
Agentic sites · concept preview
A website that plans itself with you. Not open yet.
Planner, designer, builder, and analyst. They explain the choice, wait for approval, and spend credits you can see. See how it will work. Nothing here takes payment.
Want to give it a shot?
See how it will workWant early access? Join the waitlist. This form does not start an intake and it does not take payment.
The practice
A studio shaped around the work.
Six services, five stages from the first session to handoff, and a product company for personalization.
- Service lines
- 0
- From marketing sites through personalization.
- Build stages
- 0
- From the working session through handoff.
- Demos on this site
- 0
- Configurator, gauge, device frames, and a before/after slider.
- Product company
- 0
- Black Box Personalization, the personalization and analytics arm.
Capabilities
What we actually do.
02
Product sites
A public face for a product: the promise, the proof you actually have, and a path into docs, a demo, or a trial.
03
Design systems
Tokens, type, and components documented well enough that the next page does not invent a new button.
04
Front-end engineering
Next.js and TypeScript, deployed on Vercel unless the project has a reason to live somewhere else.
05
Performance and accessibility
A budget set before decoration: Core Web Vitals thresholds, WCAG 2.2 AA, and keyboard access that is tested.
06
Measurement and personalization
The site and the measurement are designed together, with personalization from Black Box Personalization when the page should change per visit.
Case study
Black Box Personalization
Our product company for real-time personalization and analytics. The public site explains the product, and the lab lets you try the rules.
Sample
A research instituteSample
A developer toolSample
A field-service company
Interactive
Decisions you can try on this page.
Four demos run in your browser: layout and type, a performance budget, device width, and a before-and-after edit.
Layout, color, and type
Loads as you reach this section.
Performance gauge
Loads as you reach this section.
Device frames
Loads as you reach this section.
Before and after
Loads as you reach this section.
Process
Five stages, then you own the site.
01
Working session
We look at the offer, the audience, what already exists, and what the page must make easier. You leave with notes, not a slide deck of adjectives.
02
Written scope
Pages, integrations, what you will supply, what is out of scope, a timeline, and a price. Production waits until that document is accepted.
03
Design
Structure first, then type and color. You review a layout you can click, on a phone and on a wide screen, before we build the production system.
04
Build
Next.js, accessible markup, and a performance budget. You can follow the repository. We do not hide the site behind a builder you cannot leave.
05
Launch and handoff
Domain, redirects, analytics or personalization if they are in scope, and a short guide. You own the code and the content.
From a launch
What the work should feel like.
Sample
“The offer is clear, and the next step is the only thing the page asks for.”
Sample
“We could follow the build in the repository. The handoff was the site itself.”
Sample
“It is fast on a phone, and the form tells you exactly what it needs.”