Linu Sites
← Tots els projectes

Web amb efectes

Café Aurora

Cafeteria cyberpunk que no existeix, amb pantalla d'entrada, fons animat, carta i un laboratori per crear la beguda.

Pàgina d'inici del Café Aurora: el nom en neó blau i rosa sobre una ciutat cyberpunk de nit

El repte

A l’assignatura de Desenvolupament d’Interfícies, es va fer el mateix encàrrec a tres IA: ChatGPT, Gemini i DeepSeek. La feina era triar la millor pàgina, entendre cada línia i refer el codi a mà, sense perdre cap efecte.

Què s’ha fet

  • Una cafeteria cyberpunk amb pantalla d’entrada, cursor propi, fons de partícules, carta i un laboratori per muntar la beguda, amb la tassa dibuixada només amb CSS.
  • De 6.00 a 18.00 el web es converteix en la Fleca Aurora: altres colors, una altra carta i un laboratori de pa, triats pel rellotge de qui visita abans que aparegui la pàgina.
  • La mateixa pàgina en tres versions, CSS pur, Bootstrap i Tailwind, per comparar què canvia cada manera d’escriure CSS.
  • És el web d’exemple del simulador de Linu Sites: cada part s’hi encén i s’apaga, i el preu canvia amb ella.

Per dins

  • 13 idiomes generats a partir d’una sola plantilla, amb les fonts servides pel mateix web, sense CDN.
  • Contrast AA de dia i de nit i objectius d’almenys 24 px, comprovats amb axe; amb “reduir el moviment” activat, les animacions s’aturen.
  • Només accepta les ordres del simulador quan arriben de l’adreça de Linu Sites.

Vols una cosa així per al teu negoci?

Explica’ns a què et dediques i què imagines. Pot ser només una idea: la resposta arriba amb preguntes i propers passos.