Oficina de cerâmica Demonstration project
Barro — ceramics studio where you pick the glaze before the workshop
A bisque-and-cobalt site for a studio in Caldas da Rainha: a glaze picker that recolours a drawn bowl, plate or mug; a month of workshops with real seats and a booking sheet that carries your glaze choice; the six-step, three-week process; and a small shop with a basket.
feitura.com/demo/barro — Live
A ceramics studio sells an experience people cannot picture: what will I make, what will it look like, why does it take three weeks? The site has to answer with the object itself — choose a shape and a glaze, see it, book the seat that makes it — and be as honest about kiln losses as about prices.
What's inside
- Glaze picker: three drawn forms × five glazes (cobalt, celadon, tenmoku, milk, salt) rendered with gradients, gloss and speckle — no photography
- Workshop list with type filter, dates, duration, per-person or per-pair prices, seat counts with low and sold-out states
- Booking sheet that carries the chosen shape and glaze, a people selector capped by free seats, a first-time note, a live total and a waiting list — front-end only
- Six-step process timeline with real temperatures and day ranges, on a charcoal band
- Four-piece shop with a basket, running total and a plainly labelled demo checkout
- Charter-style serif display, mono for dates and prices, one cobalt accent on a bisque ground
- Bilingual PT/EN, Escape-closable dialog, focus management, 44 px targets, reduced-motion aware
Build log
- Art direction — bisque, charcoal, Caldas cobalt; serif display; glaze palette studies
- Glaze picker: three SVG forms, five glazes with gradients, gloss and speckle
- Workshop data and list, filters, seat states; booking sheet with totals and waiting list
- Process timeline, shop with basket, studio and map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript