Diseño y sistematización de una interfaz gráfica

La practica consistio en la elaboracion de un sistema visual para la interfaz d euna plataforma de acortamiento de url. Para esto se trabajo en un design sistem basado en un concepto limpio y moderno.

Enlace al prototipo PC:  Enlace 1

Enlace al prototipo m´´ovil: Enlace 2

Video que resume ambos flujos:

Error on kaltura services.

Deconstrucción de una interfaz gráfica

El proyecto consistio en la decostrucción gráfica de las plataformas web de Airbnb. Para esto se trabajo incialmente identificando los fundamentos de la interfaz y a partir de ahi se construyeron los elementos basados en la metodología de diseño átomico, con atomos, moleculas, organizmos y plantillas los cuales fueron dotados de interactividad posteriormente, con el fin de crear prototipos de alta fidelidad que representará el flujo inicial de compra y pago que realiza el usuario.

Este prototipo se construyo con base en 3 breakpoints:

  • Escritorio
  • Tableta
  • Móvil

Para esto se organizo el archivo en diversas páginas que contiene los elementos necesarios.

Pueden encontrar los prototipos aquí:

En el siguiente video podrán observar la interacción de los 3 breakpoints.

Error on kaltura services.

 

Diseño de una interfaz conversacional

Link al diseño de figma: https://www.figma.com/file/mDzsaOsXCuXQGuWoEN9kOo/VIU-Spark?node-id=0%3A1

Link al prototipo de figma:  https://www.figma.com/proto/mDzsaOsXCuXQGuWoEN9kOo/VIU-Spark?page-id=0%3A1&node-id=0%3A1&viewport=241%2C48%2C1&scaling=scale-down&starting-point-node-id=2%3A2