Saltar al contenido
Hablemos

Proyecto · click-and-roll.cnr

Caso 00: nuestra marca y esta web

Nuestra propia marca y esta web, hechas con el mismo método que ofrecemos. Es el primer proyecto que enseñamos porque es el único que podemos enseñar entero.

El encargo

Una agencia nueva necesita una web que demuestre lo que sabe hacer antes de tener clientes que enseñar. Teníamos que ser memorables sin esconder lo importante: qué hacemos, para quién y cómo contactarnos.

Lo que hicimos

Exploración. Probamos tres direcciones de arte con prototipos navegables y elegimos la del laboratorio: un editor de diseño vivo donde cada objeto reacciona a su manera.

Identidad. El símbolo es la mano rockera calada en un disco, el mismo disco que hace de cursor. La paleta tiene seis colores en tres parejas, y el negativo de cada uno es otro color de la paleta. Por eso el cursor puede invertir la pantalla sin sacar nunca un color que no sea de la marca.

Web. Está construida con Astro y sin librerías de animación. El lienzo de la portada es HTML, CSS y un canvas. El JavaScript del laboratorio se carga cuando la página ya está pintada, y sin él la composición se ve igual, quieta.

Decisiones que se notan

  • El cursor en negativo invierte de verdad lo que tiene debajo. Se puede apagar, desaparece con colores forzados y no existe en pantallas táctiles: allí cada toque deja una onda.
  • Todo lo que se mueve respeta el movimiento reducido. Con esa preferencia activada no hay demostración, ni destellos, ni saltos.
  • Todo el contenido comercial se lee sin jugar. El lienzo es un extra, no una puerta.

Lo que falta medir

Esta web todavía no tiene datos de visitas reales. Cuando los tenga, aquí irán con su fuente y su fecha: velocidad medida en móviles de verdad y contactos que llegan por el formulario.

¿El siguiente es el tuyo?

Escríbenos con lo que tengas, aunque sea una idea a medias. Te contesta uno de los dos.

Cuéntanos tu proyecto