Radio Corriente X: Conectando y Potenciando a Bandas de Rock Independientes

Daniel Benitez

Daniel Benítez

17 July, 2024

Cellphone with a music app on the screen called "Radio Corriente X"
Rough Wall Posters

Descripción General

"Radio Corriente X" es un proyecto musical destinado a ayudar a las bandas emergentes a expandir su alcance. La plataforma conecta a las bandas de rock con nuevos fans, atendiendo las necesidades inmediatas de cientos de bandas en Guadalajara. Estas bandas a menudo enfrentan dificultades debido a la promoción no estandarizada en las redes sociales, lo que dificulta que sean descubiertas y contactadas por organizadores de eventos, fiestas privadas y una audiencia más amplia.

Colors

Objetivos

Demostrar la capacidad de la agencia de desarrollo para crear y lanzar rápidamente un Producto Mínimo Viable (MVP), enfocándose en estandarizar la información de las bandas y proporcionar una plataforma para su descubrimiento y crecimiento. Mapeamos el recorrido del usuario de estas bandas y creamos elementos de la marca para desarrollar una interfaz de usuario que coincida con el aspecto y la sensación general de Radio Corriente X.

Nuestro enfoque

Estandarizar la información: Crear una forma uniforme para que las bandas presenten su información.

Construir una plataforma de descubrimiento: Desarrollar un espacio donde las bandas puedan ser fácilmente encontradas por fans y organizadores de eventos.

Fomentar una comunidad: Proporcionar una plataforma donde las bandas puedan inspirarse en otras, aprender y crecer.

Mockups Casestudy Rcx

Frontend

En el frontend, se utilizó el framework Nuxt3, una tecnología moderna basada en Vue.js para la construcción de sitios web. Nuxt3 fue elegido por sus múltiples funcionalidades, incluyendo el enrutamiento sencillo de páginas y los composables, que son funciones propias del framework que permiten una obtención de datos más eficiente y rápida. Aunque Nuxt3 ofrece diversas formas de renderizar la aplicación, se optó por un sitio estático renderizado en el servidor (SSR). Esta elección mejora significativamente la velocidad de carga del sitio, reduce el consumo de recursos del servidor y permite alojar la página en servidores compartidos. Además, los motores de búsqueda mejoran la puntuación SEO del sitio, lo que contribuye a una mejor posicionamiento en los resultados de búsqueda. Para la estilización, se implementó TailwindCSS, una herramienta moderna que facilita la creación de diseños atractivos y responsivos de manera rápida y sencilla.

Grupos

Backend

Para el desarrollo del backend, se eligió el framework Laravel, conocido por su gran versatilidad a la hora de construir aplicaciones. Laravel fue complementado con Filament, que ofrece una amplia gama de componentes y facilita la creación de paneles de administración. Esto resulta especialmente útil, ya que permite centrarse en la funcionalidad principal sin necesidad de rehacer toda la aplicación desde cero. Los componentes de Filament permiten reducir significativamente los tiempos de desarrollo, proporcionando herramientas para manejar imágenes, JSON, textos y booleanos de manera intuitiva y amigable para los usuarios. La combinación de Laravel y Filament asegura un backend robusto, eficiente y fácil de mantener, mejorando la experiencia tanto para los desarrolladores como para los administradores del sitio.

Backend

Tech stack

La integración de Nuxt3 y Laravel con Filament en Radio Corriente X crea una plataforma coherente y funcional, mejorando el flujo de datos y la interacción entre el usuario y el servidor. Este enfoque no solo optimiza el rendimiento del sitio, sino que también facilita el mantenimiento y la escalabilidad a medida que crece la base de usuarios.


El uso de una renderización estática minimiza las peticiones al servidor, mejorando la velocidad del sitio y el rendimiento SEO. Además, se ofrece un kit de prensa para la promoción estandarizada de las bandas. La plataforma está diseñada para permitir que las bandas den rienda suelta a su creatividad con la mejor experiencia de usuario posible, ampliando sus capacidades conforme crezca.


  • Nuxt3.js
  • Vue.js
  • Filament
  • Laravel
  • Tailwind
  • Figma