Skip to main content

Maquetas

1) Inicio de sesión

El inicio de sesión es esencial para asegurar que los usuarios puedan acceder a la aplicación de manera segura. Permite a los usuarios existentes ingresar con sus credenciales, y ofrece a los nuevos usuarios la posibilidad de crear una cuenta. Este proceso es crucial para personalizar la experiencia del usuario y mantener la seguridad de los datos personales.

http://localhost:3000
LoginRegistrar

Inicio de sesión

Esta pantalla permite a los usuarios ingresar a la aplicación utilizando su correo electrónico y contraseña. Si las credenciales ingresadas son incorrectas, se mostrará un mensaje de error informando al usuario. Si las credenciales son correctas, se mostrará un mensaje de éxito y el usuario podrá acceder a la aplicación.

http://localhost:3000
ErrorCorrecto

Registrar

El registro de sesión esta dedicada a la creación de nuevas cuentas de usuario. Los usuarios deben proporcionar información personal como nombre, cédula, teléfono, foto de perfil, correo electrónico, nombre de usuario y crear una contraseña segura.

En esta pantalla, pueden surgir varios mensajes de error, tales como: campos obligatorios sin completar, contraseña con menos de 8 caracteres, contraseñas que no coinciden al confirmarlas, y el uso de un correo electrónico o nombre de usuario que ya existe.

http://localhost:3000
ErrorErrorError

2) Navegación de la aplicación

La navegación de la aplicación está diseñada para facilitar que los usuarios se desplacen por sus diferentes secciones con un menú intuitivo y bien organizado. El usuario puede acceder a las estas secciones:

Menú principal

En el menú principal los usuarios pueden acceder fácilmente al historial de pedidos, su perfil, las categorías de productos y las herramientas de búsqueda. Esto mejora la experiencia del usuario y hace que la interacción con la aplicación sea más fluida y eficiente.

http://localhost:3000
Principal

Historial de pedidos

En el historial de pedidos, los usuarios pueden revisar sus compras anteriores. Los usuarios pueden seleccionar cualquier pedido para ver detalles como la fecha del pedido, los productos comprados y el total pagado.

http://localhost:3000
HistorialDetalle_pedido

Perfil de usuario

Pantalla donde los usuarios pueden ver y editar su información personal, como nombre, telefono, nombre de usuario y su contraseña.

http://localhost:3000
HistorialHistorial

Filtrado por categorías de zapatos

Funcionalidad que permite a los usuarios buscar zapatos específicos según varias categorías. Las categorías pueden incluir tipo de zapato (Todos, casuales y tennis). Esto ayuda a los usuarios a encontrar rápidamente lo que buscan dentro de una amplia gama de productos.

http://localhost:3000
HistorialFiltro_categoriaFiltro_categoria

Buscador de zapatos

Herramienta de búsqueda que permite a los usuarios encontrar zapatos introduciendo el nombre del producto. Si el nombre ingresado no corresponde a ningún zapato disponible en el inventario, se mostrará un mensaje indicando que el zapato no está disponible.

http://localhost:3000
HistorialHistorial

3) Detalles de un producto

La sección de detalles del producto proporciona una vista completa y detallada de cada zapato disponible. Aquí, los usuarios pueden ver imágenes, descripciones, y especificaciones del producto, así como seleccionar opciones como talla y color. Esta sección es crucial para ayudar a los usuarios a tomar decisiones informadas antes de realizar una compra.

Cambio de talla y color

En la pantalla de detalles de cada producto, los usuarios pueden seleccionar diferentes opciones de talla y color disponibles para ese zapato específico. Esto permite a los usuarios personalizar su elección según sus preferencias y asi agregargalo al carrito.

http://localhost:3000
HistorialHistorialHistorial

4) Carrito

El carrito es donde los usuarios revisan y gestionan sus selecciones antes de proceder con la compra. Permite ajustar las cantidades de productos, verificar los precios y el total de la compra, y finalmente aceptar la compra. Este módulo es fundamental para finalizar la experiencia de compra de manera ordenada y clara.

http://localhost:3000
Historial

Compra exitosa

Pantalla que se muestra después de que un usuario ha completado una compra.

http://localhost:3000
Completo

5) Detalles del pedido

Vista detallada del contenido del carrito de compras, mostrando todos los artículos seleccionados para la compra. Incluye información como la cantidad de cada producto, precio individual, y el total de la compra. Los usuarios pueden revisar asegurando que todo esté correcto.

http://localhost:3000
HistorialHistorial