Desarrollo web MAGNÉTICA

Servicio: Diseño y desarrollo web + animación de marca.

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 tres frentes muy distintos —celebraciones privadas, experiencias para marcas y ediciones propias abiertas al público— y necesitaba presentarlos como tres caminos de una misma marca, sin que ninguno tapara a los otros. El sitio tenía que transmitir, antes de cualquier reunión, el nivel de cuidado con el que la productora arma cada evento.

Lo que hicimos. Diseñamos un sitio de una sola página que se recorre como un relato. Abre con una animación de la marca y sigue con el manifiesto y los tres pilares del trabajo: concepto, producción y coordinación. En el centro del recorrido, un bloque que se queda quieto mientras las tres verticales pasan por detrás, atado al avance del scroll: cada movimiento de la rueda funde una imagen en la siguiente y llena la barra de la vertical activa. Después, cada vertical tiene su propia sección, con su texto y sus fotos. Cierra con un bloque de contacto directo, sin formulario: WhatsApp, correo y ciudad, para que escribir cueste un toque.

Cada decisión visual se definió junto al cliente: una sola tipografía en dos pesos como voz de marca, un fondo cálido de tiza en lugar de blanco puro, bloques oscuros para marcar el cambio de tono y el isologo girando con el scroll en su propio carril. El texto entra por líneas, con máscara, y las fotos se descubren de izquierda a derecha, al ritmo de la lectura.

El resultado. Magnética pasó a tener un sitio que funciona como su primera reunión: transmite el cuidado de la marca desde el primer segundo y deja claras sus tres formas de trabajar sin que el visitante tenga que preguntarlas. El camino termina siempre en el mismo lugar, un contacto directo con la persona que va a llevar el proyecto, y la estructura queda lista para sumar trabajos a medida que la productora crezca.

Cómo trabajamos. Trabajamos la versión mobile como un diseño propio, no como una adaptación: sus propios cortes de línea, su propia escala y su propio menú. Cada decisión se resolvió con laboratorios, páginas de prueba con varias opciones que el cliente revisaba en su celular y elegía antes de que pasaran al sitio. Así se definieron los márgenes, la foto de la tarjeta para compartir y el ritmo de las animaciones. Al cerrar, auditamos el sitio en tres anchos midiendo contraste, áreas táctiles y desbordes.