Design UX (Style Guide)

• Paleta de colores.
• Escala tipografía.
• Iconos.
• Mensajes.
• Botones.

• Componentes principales y versiones.

• Herramienta: Figma

Landing page prototype – DevoCamp

• Títulos y encabezados.
• Selección de imágenes.
• Pruebas A/B.

• Diseño responsivo.

• Llamada a la acción (CTA)
• Herramienta: Figma

• Barra de navegación.
• Carrusel de imágenes o imagen principal
• Llamado a la acción (CTA)
• Blog
• Pie de página

Este sitio es una maquetación del HOME.

Fragrance Shop

1. Navegación clara y jerarquía:

   • Menús de navegación: Deben ser claros y fáciles de entender. Los productos deben agruparse lógicamente en categorías, y estas categorías deben estar accesibles desde el menú principal.
   • Jerarquía de información: Los productos deben organizarse en una jerarquía lógica, con categorías principales y subcategorías, lo que facilita la navegación.

2. Páginas de producto:

   • Descripción detallada: Cada producto debe tener una página propia con una descripción detallada, imágenes de alta calidad y especificaciones técnicas.
   • Información de precios y disponibilidad: Debe ser clara y actualizada en tiempo real.
   • Opciones de compra: Botones de «Agregar al carrito» o «Comprar ahora».
   • Valoraciones y reseñas de clientes (si están disponibles).

3. Búsqueda eficiente:

   • Una barra de búsqueda efectiva que permita a los usuarios buscar productos por nombre, categoría, marca, etc.
   • Funcionalidad de búsqueda avanzada que incluye filtros para refinar los resultados.

4. Carrito de compras:

   • Un carrito de compras visible y accesible en todo momento, que muestra los productos agregados y el total.
   • Opciones para editar la cantidad de productos o eliminar elementos del carrito.

5. Proceso de pago:

   • Pasos claros y sencillos para completar la compra, con formularios de información de pago seguros.
   • Confirmación de la compra y detalles del pedido antes de finalizar.

6. Información adicional:

   • Páginas de políticas, como términos y condiciones, política de privacidad y devoluciones.
   • Páginas de contacto con información de atención al cliente.

7. Recomendaciones y personalización:

   • Recomendaciones de productos relacionados o complementarios.
   • Personalización basada en el historial de compras o preferencias del usuario.

8. Optimización para dispositivos móviles:

   • Asegurarse de que el sitio sea fácil de usar en dispositivos móviles, ya que muchos usuarios de eCommerce compran desde sus smartphones.

9. Seguridad:

   • Garantizar la seguridad de las transacciones y la protección de datos personales y financieros.

Scracht PingPong

Scratch es un lenguaje de programación visual diseñado para enseñar a niños y principiantes los conceptos de programación de una manera divertida y accesible. Las categorías en Scratch se utilizan para organizar los bloques de código en función de su función y comportamiento. A continuación, se describen los bloques utilizados:

• Movimiento.
• Apariencia.
• Eventos.
• Control
• Operadores
• Sensores
• Herramienta: Scracht