Print that behaves on the page.
The production website for LAZ Press, an offset and digital print house: services, a five-step process, an editorial gallery of printed work and instant quotes, deployed on Cloudflare at laz-press.com.
- May 2026Designed and shipped
- 6Service cards
- 5Steps in the CMYK timeline
- 0CSS frameworks
The LAZ Press home page. Click to open laz-press.com.Design and build
I rebuilt the LAZ Press website as a production Next.js site that feels like the print it sells: CMYK colour bars, a stack of printed sheets in the hero, and a process told in five ink colours.
- Brand system in plain CSS variables, matched to the original identity
- Hero with an animated print stack illustration
- Six-card services grid and a five-step CMYK process, both data-driven
- Editorial gallery of printed work and a client quote
- Deploy to Cloudflare Workers on the laz-press.com domain
The site and the work
Sections of the site, then two of the printed jobs it shows.
Five steps, zero surprises: brief, files, proof, print, deliver 
A client quote on colour matching 
Printed work: a company profile 
Printed work: roll-up banners
What it does
- 01
Services
Offset printing, digital printing, large format, packaging and bookbinding, each on its own card.
- 02
The process
Brief and quote, files and preflight, proof and sign-off, print and finish, pack and deliver, laid out as a CMYK timeline.
- 03
Work gallery
Editorial tiles of real printed jobs: company profiles, roll-ups, packaging.
- 04
Quotes and uploads
Calls to action for an instant quote and an artwork upload from every section.
- 05
A cursor and reveals
A smooth-tracking dot that grows over links, and fade-up reveals on scroll.
Stack
- Frontend
- Next.js 15, React 19, TypeScript, vanilla CSS.
- Hosting
- Cloudflare Workers through OpenNext and Wrangler.
- Domain
- laz-press.com.