Rediseño web para la comunidad musical más activa de UK

Maquetación responsive completa de foros, chat en vivo y listas de éxitos para una comunidad online con más de dos décadas de actividad.
Agencia / Partner Unlocal Studio
Cliente Buzzjack
Servicios Partner creativo
Año/s 2020
Dashboard principal de comunidad musical — layout de tres columnas con feed central, grupos propios y notificaciones de chat en tiempo real
Dashboard principal de comunidad musical — layout de tres columnas con feed central, grupos propios y notificaciones de chat en tiempo real
Vista de grupo de artista — UI responsive con tabs Wall / Info / Forum / Chat y sistema de membresía integrado para comunidades de música online
Vista de grupo de artista — UI responsive con tabs Wall / Info / Forum / Chat y sistema de membresía integrado para comunidades de música online
Modal de gestión de administradores — componente de búsqueda y asignación de roles con indicadores de presencia online para plataformas de foros
Modal de gestión de administradores — componente de búsqueda y asignación de roles con indicadores de presencia online para plataformas de foros
Diseño responsive mobile-first — tres vistas de iPhone con feed de noticias, listado de grupos y hilo de respuestas en foro de charts musicales
Diseño responsive mobile-first — tres vistas de iPhone con feed de noticias, listado de grupos y hilo de respuestas en foro de charts musicales
Pantallas de registro, perfil de usuario y sistema de filtros — flujo de onboarding con autenticación social y panel de preferencias de notificaciones para comunidad online
Pantallas de registro, perfil de usuario y sistema de filtros — flujo de onboarding con autenticación social y panel de preferencias de notificaciones para comunidad online

Rediseño completo sobre Bootstrap con SASS modular y PHP como capa de integración

Rediseñar una comunidad online consolidada es más delicado que construir desde cero. Buzzjack tenía usuarios fieles con hábitos de navegación muy arraigados: foros de charts, concursos de canciones (BJSC), chats en tiempo real y blogs de noticias. Modernizar la interfaz sin romper los flujos existentes, y hacerlo además en versiones desktop y mobile con comportamientos distintos, fue el nudo central del proyecto.

Diseñé componentes específicos para los casos de uso reales de la comunidad: sistema de tabs para navegación entre secciones, chat con burbujas de mensajes, menús de cabecera y pie diferenciados para móvil, y modo oscuro desde el primer entregable. Entregué el código documentado y estructurado para que el cliente pudiera mantenerlo sin dependencias externas, tal y como se había estipulado en el acuerdo de colaboración.

Frontend