Autor: Gabriel Quiros Villalobos

Prototipado aula 1

Pública

A continuacion dejo el informe realizado para esta presentacion.

El video puede accederse desde este link: https://www.awesomescreenshot.com/video/13588351?key=10a1aea2baacfe54bb0fdf78f2ac1bb4

Prototipado aula 1

Pública

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:

Prototipado aula 1

Pública

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í:

• Escritorio: Prototipo 1
• Tableta: Prototipo 2
• Móvil: Prototipo 3

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

Interfaces aula 2

Pública

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