Proyectos

Bajo Mundo HUB - Diseño Web Concept Party

Bajo Mundo HUB es un proyecto conceptual de diseño web creado en Figma para una marca de eventos urbanos centrados en el dembow y la cultura callejera.
La idea no era solo diseñar una web visualmente potente, sino construir una experiencia digital que transmitiera energía, comunidad y actitud desde el primer segundo.

Este proyecto se desarrolló como ejercicio de branding + UI, con foco en identidad visual fuerte, jerarquía clara y una experiencia inmersiva.

¿Qué es Bajo Mundo? — Construyendo identidad

Esta sección baja el ritmo visual para explicar el concepto.

Bajo Mundo no se plantea como una simple fiesta, sino como una comunidad donde el dembow se vive como cultura y no como producto.
Se introducen tres pilares inventados de marca para reforzar narrativa:

  •  Cultura urbana real

  •  Ritmo sin filtros

  •  Comunidad conectada

Visualmente se apuesta por bloques con contraste rojo oscuro y fondos negros para mantener coherencia con la identidad general.

La Experiencia — Diseño centrado en sensaciones

Esta parte simula una sección más interactiva dentro del diseño.

Se presentan cuatro pilares de experiencia:

  • Dembow puro

  • Comunidad real

  • Calle y estética

  • “Chucky” como icono disruptivo de marca

La intención aquí era representar que Bajo Mundo no es solo música, sino una estética completa: luces, moda, energía, sudor y calle.

El uso de tarjetas flotantes con sombras genera profundidad y rompe la estructura rígida del layout.

Próximos eventos —Diseño pensado para conversión

En esta sección se diseñó un sistema de cards reutilizable para artistas y fechas.

Cada tarjeta incluye:

  • Imagen destacada

  • Nombre del artista

  • Fecha y pequeña descripción

  • CTA “Asistir”

Se simuló una futura integración con sistema de venta de entradas o reserva anticipada.

El carrusel horizontal permite mantener dinamismo sin sobrecargar el scroll vertical.

Cierre y CTA Final

El cierre retoma el claim principal:

“El dembow no se explica, se vive.”

Aquí se refuerza la identidad con una llamada a la acción doble:

  • Ver próximos eventos

  • Volver al inicio

El footer mantiene coherencia con la navegación superior, reforzando estructura y usabilidad.

Proceso de Diseño

¿Qué se pedía?

Se pedía diseñar la presencia digital principal de una marca ficticia llamada Bajo Mundo HUB, una concept party urbana centrada en el dembow y la cultura callejera.

No existe cliente real; se trata de una marca conceptual creada como ejercicio académico. Sin embargo, el proyecto se abordó como si se tratara de un encargo profesional real.

Contexto inicial

La marca necesitaba una web que:

  • Transmitiera identidad fuerte.

  • Comunicara eventos futuros.

  • Generara interés y conversión.

  • Diferenciara la marca de otras fiestas urbanas.

Problema a resolver

El principal problema era conceptual:
¿Cómo trasladar una experiencia física intensa (música, luces, comunidad, calle) a un entorno digital sin perder energía ni personalidad?

Además, debía evitarse que la web se limitara a ser un simple cartel online de eventos.

Objetivo del proyecto

  • Construir identidad visual sólida.

  • Diseñar una landing estructurada con intención estratégica.

  • Demostrar capacidad de análisis de marca.

  • Integrar diseño visual y objetivos de conversión.

 

¿Cómo lo resolví?

La solución consistió en estructurar la web como una narrativa visual:

  1. Impacto inmediato (Hero).

  2. Explicación del concepto.

  3. Presentación de la experiencia.

  4. Próximos eventos.

  5. Cierre con llamada a la acción.

Se trabajó una identidad visual intensa para reflejar el carácter de la marca.

Decisiones técnicas y creativas

  • Uso de paleta oscura con acentos naranjas y rojos.

  • Tipografía bold para titulares de alto impacto.

  • Repetición estratégica de botones de conversión.

  • Composición por bloques diferenciados.

Tecnología y herramientas utilizadas

  • Figma (diseño UI completo).

  • Componentes reutilizables.

  • Sistema modular preparado para futura implementación en WordPress o HTML/CSS.

Flujo de trabajo

El flujo de trabajo seguido fue:

  1. Definición conceptual de la marca.

  2. Creación de moodboard visual.

  3. Desarrollo de wireframes básicos.

  4. Diseño del sistema visual (colores, tipografía, botones).

  5. Construcción de las pantallas finales.

  6. Ajustes de jerarquía y coherencia visual.

Objetivos del Proyecto

Este proyecto se planteó con una serie de objetivos claros tanto a nivel técnico como conceptual:

Objetivos principales

  • Diseñar una landing page conceptual para una marca ficticia de eventos urbanos.

  • Traducir valores culturales (ritmo, calle, comunidad) a una experiencia digital.

  • Crear una identidad visual sólida y reconocible.

  • Desarrollar un diseño orientado a la conversión y participación del usuario.

Objetivos personales

  • Practicar diseño UI enfocado a marcas con personalidad fuerte.

  • Mejorar el uso de tipografías de gran impacto y composición visual.

  • Simular un proyecto real aplicable a un entorno WordPress.

  • Trabajar un caso de estudio completo para portfolio profesional.

El proyecto sirve como demostración de capacidad para diseñar experiencias digitales más allá de webs corporativas tradicionales.

Hero de alto impacto visual.

  • Sección explicativa del concepto.

  • Bloque de experiencia con tarjetas.

  • Listado de eventos orientado a conversión.

  • Cierre con CTA final.

Se evitó una estructura excesivamente minimalista para mantener la sensación de caos controlado propia del ambiente de fiesta.
Las tarjetas, overlays y contrastes de luz se utilizaron para añadir profundidad y dinamismo a la interfaz.

Experiencia de usuario (UX)

A nivel UX, el diseño está pensado para un usuario que no quiere leer demasiado, sino sentir.
Las llamadas a la acción están visibles desde el inicio y se repiten estratégicamente a lo largo del recorrido, facilitando la navegación y reforzando el objetivo principal: asistir o unirse a la comunidad.

Conclusión

Este proyecto se planteó con una serie de objetivos claros tanto a nivel técnico como conceptual:

Objetivos principales

  • Diseñar una landing page conceptual para una marca ficticia de eventos urbanos.

  • Traducir valores culturales (ritmo, calle, comunidad) a una experiencia digital.

  • Crear una identidad visual sólida y reconocible.

  • Desarrollar un diseño orientado a la conversión y participación del usuario.

Objetivos personales

  • Practicar diseño UI enfocado a marcas con personalidad fuerte.

  • Mejorar el uso de tipografías de gran impacto y composición visual.

  • Simular un proyecto real aplicable a un entorno WordPress.

  • Trabajar un caso de estudio completo para portfolio profesional.

El proyecto sirve como demostración de capacidad para diseñar experiencias digitales más allá de webs corporativas tradicionales.

Hero de alto impacto visual.

  • Sección explicativa del concepto.

  • Bloque de experiencia con tarjetas.

  • Listado de eventos orientado a conversión.

  • Cierre con CTA final.

Se evitó una estructura excesivamente minimalista para mantener la sensación de caos controlado propia del ambiente de fiesta.
Las tarjetas, overlays y contrastes de luz se utilizaron para añadir profundidad y dinamismo a la interfaz.

Experiencia de usuario (UX)

A nivel UX, el diseño está pensado para un usuario que no quiere leer demasiado, sino sentir.
Las llamadas a la acción están visibles desde el inicio y se repiten estratégicamente a lo largo del recorrido, facilitando la navegación y reforzando el objetivo principal: asistir o unirse a la comunidad.