PEC 2: Diseño y sistematización de una interfaz gráfica (proyecto 1/2)

La PEC2 ha consistido en realizar un prototipo interactivo y de alta fidelidad de una herramienta web responsive para acortar enlaces.

La herramienta se llama Shortly y toma como parámetro de entrada una dirección de internet (URL) cualquiera, y su función principal es generar una versión corta de la misma.

He creado un universo visual a partir de un moodboard, una guía de estilo y un UI Kit donde se recogen todos los componentes que forman la interfaz.

A continuación se presentan los dos flujos de interacción para los dos breakpoints: Desktop y Mobile. 

Prototipo

Vídeo