Caso de estudio

Landing Dinastía Market Inc

Rediseño completo de la presencia digital de Dinastía INC, distribuidora musical latinoamericana con más de 50.000 artistas y 3 millones de obras. Identidad negro y azul, embudo de conversión estructurado, soporte para 6 idiomas con i18n y arquitectura Next.js lista para escalar.

Este proyecto aún no ha sido publicado oficialmente. Próximamente en vivo.

2026Diseño, desarrollo y arquitectura front-endPróximamente

Next.jsTypeScriptTailwind CSSFramer Motioni18n

01 · La empresa

Dinastía INC: distribución musical 360°

Dinastía INC es una distribuidora musical latinoamericana con más de 50.000 artistas y 3 millones de obras distribuidas. Opera sobre cuatro pilares: Distribución, Marketing, Publishing y Audiovisual (Dinastía Films), con certificación ISO 9001:2015.

Su catálogo compite directamente con plataformas internacionales como DistroKid y TuneCore, con la ventaja de ofrecer un servicio 360° que incluye producción audiovisual propia y un plan Silver gratuito como puerta de entrada para artistas emergentes.

Distribución·Marketing·Publishing·Audiovisual

▍

02 · El reto

Un sitio que no reflejaba la escala real

El sitio anterior tenía la información correcta pero no proyectaba el liderazgo real de la empresa: paleta genérica, sin embudo de conversión definido, sin prueba social prominente y sin adaptación a los mercados multilingües donde opera.

Cada visita de un artista potencial que no encontraba diferenciación clara era una oportunidad de conversión perdida frente a competidores con mejor presencia visual.

Diseño genérico→Sin embudo→Conversión baja

▍

03 · Identidad

Negro, azul y alto impacto visual

La nueva identidad usa negro profundo con acentos en azul para proyectar modernidad y alineación con el mundo de la música digital, referenciando estéticamente a Spotify Dark y Apple Music.

El hero combina un vinilo animado con la imagen de un artista del catálogo, generando conexión emocional inmediata. Las animaciones con Framer Motion son intencionalmente contenidas para no distraer del mensaje comercial.

Negro profundo+Azul acento→Alto impacto

▍

04 · Arquitectura

Embudo de conversión en Next.js

La arquitectura sigue un embudo lineal diseñado para llevar al artista desde el descubrimiento hasta la acción: Hero → Cifras → Plataformas → Servicios → Dinastía Films → Timeline → Planes → Equipo → Testimonios → Blog → FAQ → CTA final.

Construida con Next.js App Router y TypeScript, cada sección está optimizada para carga rápida, con imágenes en .webp y schema estructurado para SEO desde el primer día de lanzamiento.

Hero→Servicios→Planes→CTA

▍

05 · i18n

Seis idiomas para un mercado global

La landing soporta seis idiomas completos con i18n en Next.js App Router, cubriendo los principales mercados de Dinastía INC: español, inglés, portugués, francés, italiano y alemán, con URLs localizadas por idioma.

Cada idioma tiene su propio directorio de traducciones con tipado estricto en TypeScript, garantizando que no pueda agregarse una sección nueva sin su traducción correspondiente en todos los idiomas activos.

es·en·pt·fr·it·de

▍

06 · Próximamente

Evaluada, aprobada y lista para lanzar

El equipo directivo de Dinastía INC evaluó la propuesta frente al sitio actual y emitió recomendación formal de migración, destacando la identidad visual, el embudo estructurado y la diferenciación real frente a DistroKid y TuneCore.

La landing se encuentra en fase de ajustes finales antes de su lanzamiento oficial: fotos del equipo, portafolio audiovisual y contenido del blog. Próximamente en vivo en dinastiainc.com.

Aprobada→Ajustes finales→Próximamente

▍

Arrastra horizontalmente o usa las flechas para recorrer este caso.