M4.356 - Prototipado - Aula 1

Pública

Buenos días,

Mi nombre es Ana y me gustaría presentaros mi proyecto sobre la interfaz de HeadSpace. Para poder recrearla con fidelidad, primero analicé minuciosamente la aplicación y estudié sus interacciones, la paleta de colores, los tipos de tarjeta, la iconografía y la estructura visual. Una vez comprendidos todos estos aspectos, pasé a diseñar los distintos componentes. Personalmente, nunca había replicado una aplicación completa y el proceso me ayudó a desarrollar una mirada más analítica y crítica.

Tras el análisis, comencé a construir cada componente y a diseñar las imágenes utilizando vectores. Hasta ahora no había trabajado tanto con vectores en Figma y fue una grata sorpresa descubrir todo el potencial que ofrecen. Más adelante, diseñé todas las pantallas y configuré las interacciones entre ellas. Lo más complejo fue la animación de “Pull to Refresh”, ya que nunca la había realizado. Finalmente, consulté la Comunidad de Figma, donde encontré un ejemplo que me ayudó a entender el procedimiento. Si no la habéis utilizado, os la recomiendo: puede ahorrar mucho tiempo y servir como fuente de inspiración.

Para finalizar, me encantaría que, si revisáis mi proyecto, me compartáis cualquier sugerencia de mejora. Me gustaría recibir un feedback 100% crítico para poder pulir y perfeccionar el trabajo. A continuación os dejo el enlace al proyecto y el vídeo del prototipo.

Enlace a mi prototipado: https://www.figma.com/design/tTvtYwbwqfnUn8gCALti8S/HeadSpace?node-id=208-3902&t=sdpOgIGh0DgkVjhx-1

Buen comiendo de curso,

Ana.