Maquetación de Proyecto Web "YardZelle" con Diseño UI/UX

Clase 3 de 22Curso Práctico de Frontend Developer

Resumen

La maquetación o diagramación web consiste en transformar un diseño gráfico —boceto— (hecho por UX/UI en Figma o Scketch) en una interfaz funcional en términos de programación que entienda un navegador o dispositivo específico.

shopping-cart.jpg

El área de diseño nos proporcionó el bosquejo del proyecto en Figma.

Podemos identificar las vistas de:

  • Inicio
  • Creación de cuenta
  • Acceso
  • Carrito de compras
  • Orden de compra
  • Detalle de producto
  • Menú
proyecto.png

Desde aquí puedes ver cómo es la interacción entre las diferentes pantallas.

Contribución creada por Porfirio González y Guadalupe Monge Barale.