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.

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ú

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

• Desktop version

• Mobile version

• Curso de diseño para developers

• Curso de Figma

• Curso de diseño web con CSS Grid y Flexbox

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