Enlace al prototipo en Webflow

Grabación del recorrido desde el ordenador:

Grabación del recorrido por el prototipo desde el ordenador

Grabación del recorrido desde el teléfono:

Grabación del recorrido por el prototipo desde el teléfono

Detalles de la construcción del prototipo en Webflow

  • Cada pantalla o paso del prototipo tiene una página independiente. Al principio quería hacerlo con animaciones, dividir el prototipo en grandes bloques y resolver los estados pequeños dentro de una misma página, por ejemplo cambiando diapositivas. Lo probé, pero acabé bastante harto de esas animaciones.
  • En esencia es un minisitio, aunque terminó teniendo bastantes páginas.
  • Hice todos los enlaces y transiciones con<link rel=»prerender» href=»url»>, para que el navegador precargase esas páginas y la transición fuera fluida.
  • Para el ordenador coloqué una especie de pantalla de móvil en el centro de la página, sin complicarme con las proporciones exactas del teléfono. Aun así, queda bien en casi todas las resoluciones.
  • En el teléfono, el prototipo parece muy nativo. Donde pude puse campos de entrada reales y simulé los selectores. ¡Quedó genial!
El prototipo dentro de la interfaz de Webflow

¿Necesitas un prototipo?

Si para tu negocio necesitas lanzar un prototipo de alta fidelidad de una aplicación móvil o web, escríbeme a hi@nevskii.me o contáctame por Telegram @alexander_nevsky

Contacto