Summit Odellā

Diseño UIDesarrollo Web2026
FigmaFirebasePugSassHTMLCSSJSClaudeOpenAIGeminiAdobe Firefly

Sobre el proyecto

Para el primer congreso propio de Odellā, diseñé y desarrollé una web app dedicada donde los asistentes pueden consultar toda la información del evento en un solo lugar. El proyecto reúne diseño de interfaz, desarrollo frontend y un backend en Firebase, a la espera de su lanzamiento oficial.

Summit Odellā vista desktop
Summit Odellā diseño

El diseño

El diseño se trabajó en Figma pensando en una experiencia clara y directa para los asistentes: agenda, registro y contenidos del congreso organizados en una interfaz simple de navegar, manteniendo la identidad visual de Odellā.

El desarrollo

La implementación se hizo en código, con Firebase como backend para gestionar los datos del evento, y con el apoyo de Claude durante el proceso de desarrollo para acelerar la construcción de componentes.

Summit Odellā desarrollo
Summit Odellā vista mobile

Vista mobile

La web app se adaptó completamente a mobile, pensando en que buena parte de los asistentes la va a consultar desde su celular durante el evento.

Funcionalidades de la app

1

Agenda académica en tiempo real

Los asistentes pueden consultar la agenda académica del congreso organizada por bloques y días, con horarios, duración y speakers de cada sesión, siempre actualizada en tiempo real.

Summit Odellā - Agenda académica en tiempo realSummit Odellā - Speakers de la agenda
Summit Odellā - Reserva de experiencias Summit Odellā - Detalle de experiencia
2

Reserva de experiencias

Sistema de reservas para las experiencias del congreso, tanto de equipos médicos como de maquillaje, donde el asistente elige el equipo o la estación disponible y confirma su reserva desde la misma app.

3

Sistema de puntos y ranking

Los participantes acumulan puntos escaneando códigos QR durante el evento y pueden ver en tiempo real el ranking de los asistentes con más puntos, quienes participan por premios como viajes y entradas a congresos internacionales.

Summit Odellā - Sistema de puntos Summit Odellā - Ranking en tiempo real
Summit Odellā - Chat y networkingSummit Odellā - Chat en vivo
4

Chat para networking

Un directorio de contactos con los demás asistentes, filtrable por especialidad y país, que permite conectar y hacer networking directamente desde la app durante el congreso.

5

Sección de usuario

Cada asistente tiene su propia sección de usuario con su código QR de ingreso al congreso, la información de su hotel y los datos más relevantes para su estadía, todo en un solo lugar.

Summit Odellā - Sección de usuarioSummit Odellā - Dress code y clima
Summit Odellā - Community gallerySummit Odellā - Fotos de la comunidad
6

Community gallery

Los asistentes pueden subir sus propias fotos del evento en tiempo real y verlas junto con las de los demás participantes en una galería compartida, además de acceder a la galería oficial de fotos de conferencias y eventos sociales.

7

Panel de staff

Un panel exclusivo para el equipo de trabajo, pensado para controlar procesos internos del evento: registrar y aprobar ventas, ver el ranking del equipo comercial, escanear códigos QR de asistencia e ingreso, revisar el historial de reservas y lanzar la trivia en vivo.

Summit Odellā - Panel de staffSummit Odellā - Registrar venta

Prototipo interactivo

Ver el proyecto

El sitio ya está disponible para consulta previa, aunque el congreso todavía no se ha lanzado oficialmente.

Más proyectos

← Volver al portafolio