Una entrada con ritmo propio
«Entrar al taller» abre la web y «Hecho a mano.» fija el tono desde el primer titular.
Concepto independiente · Web, interacción
Barro & Fuego
Un taller de cerámica ficticio. Primero se cuenta cómo se hace una pieza; después se comparan tres cursos y se elige una fecha con plazas libres, viendo el precio antes de enviar nada.
El reto
Qué problema intenta resolver.
Quien duda entre cursos de cerámica no sabe aún qué distingue uno de otro, ni cuándo empieza cada uno o cuánto cuesta. Pedir ya una elección es pedirle que decida a ciegas.
La pregunta de diseño: ¿cómo enseñar el proceso y llegar al formulario con un curso, una fecha y un precio ya claros?
Decisiones de diseño
Cuatro decisiones, a la vista.
Cada una se puede comprobar en la demo.
El proceso, al ritmo de quien lee
Amasar, tornear, secar, esmaltar y cocer se recorren a mano. «Reproducir el proceso» lo avanza cada 6 segundos y se pausa al elegir una etapa. Con movimiento reducido no se reproduce solo.
Un solo sitio para comparar
Los tres cursos se comparan con los mismos atributos: nivel, material, pieza, cuándo y precio. En móvil se deslizan en horizontal, para no apilar tres fichas largas.
Fechas reales del curso, plazas y total
Al elegir un curso aparecen sus tres próximas fechas con plazas libres (las completas, desactivadas). Las personas se limitan a las plazas de esa fecha y el resumen muestra el total antes de «Ver mi consulta».
Qué puedes probar
Un recorrido de cuatro pasos.
Para ver las decisiones funcionando, en este orden.
Recorre el proceso a mano o pulsa «Reproducir el proceso».
Compara los tres cursos y elige Esmaltes y cocción.
Fíjate en la fecha completa y elige otra.
Ajusta las personas y pulsa «Ver mi consulta».
Detrás de la interfaz
Fechas y precios de ejemplo
Las fechas se calculan a partir del día de la visita, con plazas y precios ficticios. No se envían solicitudes ni se confirma ninguna reserva.
- HTML, CSS y JavaScript, sin dependencias externas.
- Revisado sin errores de consola ni desbordes horizontales a 1440 y 390 px.
- Marca, imágenes y datos ficticios. Ninguna cifra procede de usuarios reales.
Con más tiempo
Qué comprobaría con personas.
Son hipótesis para una prueba que aún no he hecho, no resultados.
- ¿Reproducen el proceso o lo recorren a mano?
- ¿Llegan al formulario con un curso y una fecha en mente?
¿Hablamos del puesto?
Puedo explicarte cómo llegué a cada decisión de este concepto.