Espacio Personal

ActiFolio: 221 Prototipado 221_m4_356

Prototipado

Pec 2 – Short.ly

Hola,

La Pec 2 consistía en desarrollar un prototipo para una aplicación responsive de acortamiento de enlaces llamada Short.ly

Lo primero que he hecho ha sido visitar diferentes páginas para acortar enlaces y definir la estética y los colores, os adjunto el logotipo

Una vez hecho esto, he definido el UI Kit, lo podréis encontrar dentro de mi archivo de Figma en el siguiente link:

https://www.figma.com/file/lp8V9QWboPVvvrteNCQ6jz/Short.ly—PerezExpositoPaula?node-id=0%3A1&t=Ed5gpGOxBBXrji0E-0

Además de eso os adjunto una captura por si el visionado fallara

       

 

Y ahora os dejo el link del vídeo de mi prototipo

loom.com/share/1c86b7baf8094f20b19030cac1b7673f

¡Espero que os guste!

Muchas gracias por leer

Pec 1 – Deconstrucción de una interfaz gráfica

En este trabajo hemos analizado la página Airbnb. Para ello hemos analizado los elementos de la interfaz, desarrollado un UI Kit y finalmente hecho un prototipo de la página.

Todo esto lo hemos construído en base a 3 breakpoints. Escritorio, Ipad y móvil.

Os adjunto unas capturas de mi UI Kit.

Retículas: 

Como se puede ver tenemos diferentes sistemas para cada una de los breakpoints, pero mantuvimos el sistema de columnas.

 

Iconografía de la web: 

Hemos recogido la iconografía más utilizada

Tipografías: 

Elementos: 

Hemos recogido los elementos que más se repetían a lo largo de los breakpoints

Por último os dejo el vídeo de mi prototipado: https://www.loom.com/share/663e48fa0ffa4f59b260c6d5723f22f4

Y el enlace a mi archivo de figma:

https://www.figma.com/file/GjcK2VZCxD1jRF4cunpurF/Airbnb?node-id=80%3A2250

 

Muchas gracias por leerme!