Magnética: una marca que se arma letra por letra
Sitio web de marca + recorrido animado · Desarrollamos la web de Magnética, creadora de experiencias con base en Madrid, España, que diseña y produce celebraciones privadas, experiencias para marcas y ediciones creativas propias. Un sitio que traslada a la pantalla su promesa, «Tú pones el motivo. Nosotros hacemos que suceda»: un recorrido que se descubre a medida que se baja, con la marca armándose letra por letra al entrar, y que lleva al visitante de la idea al contacto directo en pocos toques.

Servicio: Diseño y desarrollo web + animación de marca + optimización de rendimiento.
El desafío. Magnética no vende algo que se pueda mostrar en un catálogo: vende que el día del evento nadie tenga que resolver nada. Trabaja en tres frentes muy distintos —celebraciones, marcas y experiencias propias— y necesitaba presentarlos como tres caminos de una misma casa, sin que ninguno tapara a los otros, y mostrar su cuidado por el detalle antes de reunirse.
Lo que hicimos. Diseñamos un sitio de una sola página que se recorre como un relato. Abre con una entrada propia: las letras de la marca aparecen una a una y la estrella del isologo se abre en un destello sobre la é. Siguen la promesa, los tres pasos del trabajo y un bloque fijo donde las verticales pasan al ritmo del scroll, fundiendo cada foto y su frase en la siguiente. Después, cada vertical tiene su sección con sus formatos, y el recorrido cierra con lo que Magnética cuida en cada proyecto y un contacto sin formulario: WhatsApp, correo y ciudad.
Lo visual se definió con la clienta: una sola tipografía como voz de marca, un fondo cálido de tiza en lugar de blanco puro, bloques oscuros para cambiar de tono y la estrella girando con el scroll en su propio carril.
El resultado. Magnética pasó a tener un sitio que funciona como su primera reunión: deja claras sus tres formas de trabajar sin que haya que preguntarlas y lleva siempre a un contacto directo con quien va a llevar el proyecto. Y es rápido: 98 puntos en PageSpeed, en celular y en computadora, y 100 en accesibilidad, buenas prácticas y SEO.
Cómo trabajamos. Trabajamos la versión mobile como un diseño propio, con su menú y sus cortes de línea elegidos uno por uno. Cada decisión se resolvió con laboratorios: páginas de prueba que la clienta revisaba en su celular antes de pasarlas al sitio. Cuando llegaron sus textos definitivos rehicimos el recorrido, y al cerrar auditamos el sitio en celular y tablet: contraste, áreas táctiles y desbordes.
¿Tenés un proyecto parecido?
Contanos qué necesitás resolver y te decimos cómo lo encararíamos.


