Saltar al contenido
hebert.dev
WhatsApp
Volver a proyectos
Caso de estudio

Costa Gris

Concepto de web oficial para banda de rock alternativo: discografía con streaming, agenda de conciertos con preventa, merch con pedido por WhatsApp y EPK de prensa en un sistema visual monócromo.

Costa Gris
Categoría
Música y entretenimiento
Tipo
Catálogo
Sector
Educación y Eventos
AstroPreactTailwind CSSGSAPContent Collections
Ver Demo Código Privado

El Contexto

La información de una banda suele estar repartida: las fechas viven en historias que caducan, el catálogo salta entre plataformas de streaming y los pedidos de merch quedan en mensajes directos sin registro. El fan no encuentra en un solo lugar dónde escuchar, asistir o comprar.

La Propuesta

Diseñé y desarrollé un concepto completo de web oficial para una banda ficticia de rock alternativo desde Lima: discografía con listas de temas y enlaces de streaming, agenda de conciertos con precios y estados de venta, catálogo de merch y un flujo de pedido y booking de cuatro pasos que cierra en WhatsApp.

Características Clave

  • Discografía con fichas de álbum, EP y singles: lista de temas, fecha y enlaces de streaming de cada lanzamiento
  • Agenda de conciertos con precios visibles, estados de venta (agotado, últimas entradas) y ficha propia para cada show
  • Catálogo de merch con precios en soles y pedido por WhatsApp con Yape, Plin o transferencia
  • Wizard de pedidos de cuatro pasos —tipo, selección, datos, confirmación— que cierra en WhatsApp
  • EPK de prensa con biografía, próximas fechas, rider técnico y fotos de descarga
  • Galería de 12 fotos con filtros por categoría: en vivo, estudio, backstage, afiches y sesiones
  • Preguntas frecuentes agrupadas por tema (envíos, pagos, booking y eventos) y diario de gira

Resultados

El proyecto demuestra cómo un sitio estático multipágina centraliza lo que una banda ofrece —escuchar, asistir, pedir y contratar— en un solo recorrido, sin backend ni base de datos, con carga inmediata por servirse como sitio estático.

En Detalle

Proyecto conceptual de creación propia: web oficial de Costa Gris, banda ficticia de rock alternativo desde Lima, para explorar cómo se comunica un proyecto musical completo —desde la discografía y la agenda de shows hasta el merch y la contratación—. Diseño, contenido y desarrollo completos desde cero en Astro 7.

Enfoque del Proyecto

  • Un solo canal de conversión: merch, preventa de entradas y booking cierran en WhatsApp con el mensaje precargado según el tipo de pedido
  • Identidad monócroma: sistema visual plano sin radios, sombras ni gradientes, para que las portadas y las fotos de show lleven el peso de la página
  • Contenido tipado sin backend: discografía, shows, merch, galería y FAQ viven en colecciones con schema, servidas como sitio estático

¿Te interesa un proyecto similar?

Cuéntame qué necesitas para tu negocio y lo revisamos directo por WhatsApp.

Escribir por WhatsApp