reStory es una aplicación diseñada como trabajo final del curso de UX/UI de Mr. Marcel. Su objetivo es fomentar la reutilización de objetos, enfocándose en las historias que estos contienen, y promoviendo la sostenibilidad, tanto en el uso de los objetos como en el diseño de la interfaz.
Diseño visual con enfoque sostenible y accesible
El diseño de reStory integra principios de sostenibilidad y accesibilidad, buscando no solo crear una experiencia visual atractiva, sino también garantizar que la app sea inclusiva y respetuosa con el medio ambiente.
- Selección de colores sostenibles: Opté por tonos sepias y verdes, colores que, además de evocar una conexión con la naturaleza, tienen un menor impacto en la huella de carbono debido a su simplicidad y naturalidad.
- Tipografía de sistema: Elegí tipografías de sistema para reducir el consumo de recursos al ser cargadas de forma nativa en los dispositivos, lo que también contribuye a disminuir la huella de CO2.
- Contraste de colores AA: Para garantizar la accesibilidad y que la app sea legible para la mayor cantidad de usuarios posible, me aseguré de que los colores y el texto cumplieran con el estándar de contraste de colores AA según las pautas WCAG (Web Content Accessibility Guidelines). Esto asegura una legibilidad óptima, incluso para usuarios con discapacidades visuales.
Elementos del UI Kit
El UI Kit de reStory incluye todos los componentes esenciales para crear una experiencia de usuario coherente y funcional:
- Botones, iconos y cajas de formulario diseñados de manera intuitiva y accesible.
- Barra de navegación mostrando todas las secciones en su versión seleccionada.
- Cabecera mostrando todos los posibles estados que podrá tener.
Aplicación del diseño
Las pantallas mostradas en esta sección reflejan cómo se integran estos elementos en el diseño final de la app. Todo fue diseñado para garantizar que la aplicación no solo sea funcional y atractiva, sino también accesible y respetuosa con el medio ambiente.
Aquí puedes ver el prototipo de la aplicación en Figma.
