An entrance with its own pace
“Enter the studio” opens the site and “Handmade.” sets the tone from the first headline.
Independent concept · Web, interaction
Barro & Fuego
A fictional pottery studio. It first shows how a piece is made; then three courses are compared and a date with free places is chosen, with the price shown before anything is sent.
The challenge
The problem it tries to solve.
Someone unsure between pottery courses does not yet know what sets them apart, when each starts or what it costs. Asking for a choice now asks them to decide blind.
The design question: how do you teach the process and arrive at the form with a course, a date and a price already clear?
Design decisions
Four decisions, in view.
Each one can be checked in the demo.
The process, at the reader’s pace
Wedging, throwing, drying, glazing and firing are stepped through by hand. “Play the process” advances every 6 seconds and pauses when a step is chosen. With reduced motion it never plays by itself.
One place to compare
The three courses are compared on the same attributes: level, material, piece, when and price. On mobile they swipe horizontally, instead of stacking three long cards.
Real course dates, places and total
Choosing a course shows its next three dates with free places (full ones disabled). Guests are capped at that date’s free places and the summary shows the total before “See my enquiry”.
What you can try
A four-step walkthrough.
To see the decisions at work, in this order.
Step through the process or press “Play the process”.
Compare the three courses and choose Glazing and firing.
Notice the full date and pick another.
Adjust the number of people and press “See my enquiry”.
Behind the interface
Sample dates and prices
Dates are calculated from the day of the visit, with fictional places and prices. No requests are sent and no booking is confirmed.
- HTML, CSS and JavaScript, no external dependencies.
- Checked for console errors and horizontal overflow at 1440 and 390 px.
- Brand, imagery and data are fictional. No figure comes from real users.
With more time
What I would check with people.
These are hypotheses for a test I have not run yet, not results.
- Do people play the process or step through it?
- Do they arrive at the form with a course and a date in mind?
Shall we talk about the role?
I can walk you through how I reached each decision in this concept.