Estudi de cas
Gatto
- HTML5
- CSS3
- JavaScript
Problema
Gatto, la botiga d'artesania de Silvia Galiano a Gràcia, Barcelona, necessitava un aparador web que reunís les peces, l'artista, els horaris i les opcions de contacte. Havia d'atendre el públic local i els visitants de parla anglesa sense obligar un petit comerç a mantenir una aplicació complexa.
Enfocament
Vaig construir un web estàtic amb HTML, CSS i JavaScript, textos en castellà, català i anglès i un únic fitxer de configuració per a les dades del comerç. La il·lustració de la targeta de visita defineix la identitat visual; la pàgina presenta quadres, bosses tote, arracades i peces de temàtica felina.
Les indicacions i el contacte fan servir enllaços directes en lloc de ginys externs incrustats. L'estat d'obertura fa servir l'hora de Barcelona, els horaris desconeguts s'indiquen explícitament i els encàrrecs sense confirmar es mantenen ocults. Les comprovacions automatitzades cobreixen la paritat de traduccions, les dades estructurades, la coherència de la configuració i l'absència de peticions de recursos a tercers.
Resultat
Un web en producció a Vercel, en tres llengües, sense pas de compilació, dependències d'execució ni rastrejadors. En una sola pàgina, els visitants poden descobrir les peces, planificar una visita i contactar amb la botiga.