reStory es una aplicación creada como trabajo final del curso de UX/UI de Mr. Marcel, con el objetivo de fomentar la reutilización de objetos y darle un valor emocional a las historias que hay detrás de ellos. En esta sección, presento las pantallas finales de la aplicación, que integran todos los elementos visuales y funcionales desarrollados durante el proceso de diseño.
Diseño visual y sostenibilidad
Para crear una experiencia visual coherente con los valores de la app, utilicé una paleta de colores basada en tonos sepias y verdes, que no solo evocan la conexión con la naturaleza, sino que también son más sostenibles. Además, seleccioné tipografías de sistema para minimizar la huella de carbono, contribuyendo a un diseño respetuoso con el medio ambiente.
El diseño también cumple con el contraste de colores AA, siguiendo las pautas WCAG para garantizar la accesibilidad, lo que asegura que la aplicación sea legible para todos los usuarios, incluyendo aquellos con discapacidades visuales.
Elementos visuales del UI Kit
Las pantallas presentan los elementos clave de la interfaz diseñados para asegurar una experiencia intuitiva y accesible:
- Botones y iconos: Diseñados para ser fácilmente reconocibles y funcionales, ofreciendo una navegación clara.
- Cajas de formulario y navegación: Con un enfoque en la usabilidad, garantizando que los usuarios puedan interactuar con la aplicación sin complicaciones.
- Transiciones y animaciones: Pensadas para enriquecer la experiencia, haciendo que el desplazamiento por la app sea fluido y atractivo.
Prototipo interactivo en Figma
Además del diseño visual estático, creé un prototipo interactivo en Figma para mostrar cómo funcionaría la aplicación en la práctica. Este prototipo permite explorar la interacción entre las pantallas, dando una visión clara de cómo los usuarios navegarían por la app. Incluye:
Aquí muestro alguna de las pantallas, pero en este caso recomiendo ver el prototipo en Figma que es donde se puede ver al detalle todo el trabajo realizado.
OnBoarding
Proceso de creación de un nuevo producto
Sección «Inspírate»
Insignias que puedes conseguir utilizando la app. En el diseño se muestran en estado «activas» e «inactivas»
