Caso de éxito
Rusowsky
Web oficial para el lanzamiento de DAISY, el nuevo álbum de Rusowsky. Un diseño vibrante en amarillo que incluye tracklist interactivo, tour mundial y tienda de merch.
El desafío
Rusowsky lanzaba DAISY, su nuevo álbum con 13 canciones incluyendo colaboraciones con Jean Dawson, Lil Ketchup, Ralphie Choo, Ravyn Lenae, Kevin Abstract y La Zowi. Necesitaba una web que capturara la energía del disco y sirviera como hub central para fans.
El objetivo era crear un espacio que unificara el tracklist completo, un tour mundial de 18 fechas (México, Guatemala, Colombia, Perú, Chile, Argentina, España, Francia, UK, Alemania y Coachella), y una tienda con merchandising exclusivo (BBY Romeo Tee, Nightmare Tee, Daisy Tee).
Año
2024
Duración
4 semanas
Tecnologías
Next.js, TailwindCSS
Tipo
Web oficial artista
Diseño
Una estética que impacta
Behind the Scenes
Proceso de Creación
Documenté todo el proceso de creación de la web en una serie de TikToks. Haz clic para verlos.
Haz clic en cada video para verlo en TikTok
Proceso
De la idea al lanzamiento
Un proceso colaborativo donde cada decisión se tomó pensando en cómo potenciar la conexión entre el artista y sus fans.
Investigación
Analizamos la identidad visual de Rusowsky, su música, videoclips y presencia en redes. Identificamos los elementos clave que definen su estética: colores oscuros, contrastes vibrantes, tipografía bold y una energía urbana.
Concepto Visual
Desarrollamos un sistema de diseño que combina la oscuridad con destellos de color púrpura y rosa. Creamos una paleta que evoca la noche, los escenarios y la atmósfera de sus conciertos.
Diseño UI/UX
Diseñamos una experiencia inmersiva con transiciones fluidas, efectos de hover impactantes y una navegación intuitiva. Cada scroll revela contenido de forma cinematográfica.
Desarrollo
Construimos la web con Next.js para un rendimiento óptimo y TailwindCSS para estilos precisos. Implementamos animaciones suaves y optimizamos la carga de imágenes y vídeos.
Integración
Conectamos con Spotify para mostrar la música actualizada, integramos el calendario de eventos y preparamos la sección de merchandising para futuras implementaciones.
Stack técnico
Tecnología de vanguardia
Utilizamos las herramientas más modernas del ecosistema web para crear una experiencia rápida, accesible y visualmente impactante.
Next.js 14
Framework React con App Router para máximo rendimiento y SEO.
TailwindCSS
Sistema de diseño utility-first para estilos consistentes y rápidos.
Framer Motion
Animaciones fluidas y transiciones cinematográficas.
Vercel
Hosting optimizado con CDN global para tiempos de carga mínimos.
Resultados
Los números hablan
<1s
Tiempo de carga
Optimización extrema
98
Rendimiento
Lighthouse Score
+15K
Visitas primer mes
Usuarios únicos
¿Te gustaría algo similar?
Cada proyecto es único. Cuéntame sobre tu arte y creemos juntos algo extraordinario.