Ferretería
Este proyecto, fue realizado con el propósito de utilizar los conocimientos adqueridos en el curso de Desarrollo Web Full Stack de Neoris. Acompañame en el recorrido que realicé para poder construir este proyecto desde cero. 💫
¡Al final de la página vas a encontrar el link para probar el proyecto!
Tecnologías
- PHP, Laravel.
- HTML, CSS y Bootstrap
⚠️ A tener en cuenta
- ⏳ Tiempo para realizar el proyecto: 1 mes.
- 🧾 Experiencia sobre estas tecnologías antes de comenzar el proyecto: Solo MySQL.
- 📵 Por el momento no es responsive
- 💈 Fallos en css sobre formularios..
Problema
Para situarnos mejor y entender el contexto del problema, se realizó una pequeña historia que nos permite comprender mejor cuáles son las necesidades de nuestro cliente y encontrar los requerimientos necesarios:
Una persona está remodelando su casa, pero se da cuenta que le hacen falta herramientas para poder terminar con la misma. Sin embargo, cuenta con muy poco tiempo para ir hacia la ferretería para seleccionar los productos. Prefiere hacerlo desde su casa y retirarlos cuando pueda.
Actores Detectados
¿Qué deberían poder hacer los actores?
Cliente
- Registrarse
- Cambiar datos del usuario
- Realizar pedidos
- Cancelar pedidos
- Ver historial de pedidos
- Ver dónde poder retirar los pedidos realizados
Administrador
- Agregar nuevos productos, modificar y dar de baja
- Crear pedidos
- Modificar pedidos
- Cancelar pedidos
- Ver pedidos pendientes
Cómo almacenar información
Una vez detectados los actores, debíamos encontrar la forma de almacenar información. Para ello buscamos un recibo y lo usamos como referencia.
Partiendo del recibo pudimos analizar la base de datos y, luego de varios intentos, este fue el resultado
Base de datos
Diseño UI
Debido al poco tiempo disponible, no pude reallizar un caso de estudio completo para mejorar la UX. Sin embargo, comencé realizando los wireframes de alto nivel basándome en MercadoLibre y otras páginas dedicadas al mismo rubro.
Diseño UI
Ferretería
Pantalla HOME
La idea principal para esta pantalla es que el usuario pueda saber que es una página sin envíos.
Nota: No todos los wireframes para cada una de las pantallas fueron realizados.
Solución
Heroku - Ferreteria
¡Accedé al siguiente link para probar el proyecto!
