AdventJS 2024

Diseño
Frontend
UI
UX
2024-12-14
AdventJS 2024

Apoyo al equipo de Midudev en AdventJS 2024

Descripción del Proyecto

En AdventJS 2024, colaboré con Miguel Ángel Durán (Midudev) y Mateo Álvarez (Madeval) diseñando las pantallas del sitio web. Mi rol fue crear la UI para el sitio, el editor de código y test, y la pantalla de logros, todo con el objetivo de mejorar la experiencia de los usuarios mientras interactuaban con los retos.

Este proyecto permitió a los usuarios practicar lógica de programación en un entorno limpio y accesible, y ofreció un diseño intuitivo enfocado en la usabilidad.

Objetivos del Proyecto

  1. Mejorar la Experiencia de Usuario (UX): Diseñar una experiencia fluida y accesible, permitiendo que los usuarios pudieran centrarse en los retos sin distracciones.
  2. Diseñar Interfaces Interactivas: Crear el diseño para el editor de código y la sección de test, asegurando una experiencia de usuario eficiente y agradable.
  3. Implementar la Pantalla de Logros: Diseñar una pantalla donde los usuarios pudieran ver su progreso mientras resolvían los retos.

Diseño y Experiencia de Usuario

El diseño de AdventJS 2024 estuvo centrado en la experiencia de usuario. Creé un editor de código sencillo y atractivo, y la pantalla de logros mostró el progreso de los participantes de manera clara y motivadora. Además, trabajé en un diseño que permitiera a los usuarios interactuar con el sitio de manera intuitiva y rápida.

Resultados y Reconocimientos

El sitio de AdventJS 2024 fue bien recibido por la comunidad, y los usuarios pudieron interactuar con una interfaz intuitiva y eficiente. La pantalla de logros, en particular, ayudó a los usuarios a seguir motivados mientras avanzaban en los retos.

Promoción de Ediciones Anteriores

Aunque este proyecto corresponde a AdventJS 2024, también es importante que los usuarios conozcan las ediciones anteriores, que están disponibles en los siguientes enlaces:

Enlace al proyecto de 2024: AdventJS 2024

SmoothUI

SmoothUI

Una colección de increíbles componentes de prueba con animaciones fluidas.

VHS Story

VHS Story

VHS Story es un generador de historias interactivas donde el usuario se convierte en el protagonista, tomando decisiones que afectan el curso de la trama y cambian su apariencia según los escenarios y eventos, gracias a la tecnología de Cloudinary. Este proyecto fue uno de los 10 finalistas en la hackathon de Cloudinary entre más de 140 participantes.