Tomando como marco de referencia el documento MVP.
Elaborar la vista LandingPage que será es donde aterrizarán todos los individuos que accedan al dominio www.{dominio_empresa}.com.
URL -> { / }
La misma constará con:
[x] Un header que tendrá el logo de la empresa y un navbar que permitirá a los usuarios visitantes desplazarse por las distintas secciones de la página, además de permitirle acceder a las demás vistas públicas: /login /signup /Search /Product{product id} /contact
[x] Una barra de búsqueda de productos que direccionará a /search con el/los resultado/s de la búsqueda realizada. La barra de búsqueda debe formar parte del navbar
[x] Un carro de compras que irá registrando los productos que el usuario ha decidido incluir en el carro. El ícono del carro debe formar parte del navbar.
[x] Una sección tipo carousell donde la empresa tendrá la posibilidad de compartir ofertas y flyers publicitarios.
[x] Una sección para destacar los productos que la empresa desee tener en promoción con un máximo de 8 espacios. Cada producto se mostrará con su foto, su precio, su little description y características físicas en caso de tenerlas (ancho, alto, colores disponibles, peso, etc).
[x] Cada producto aquí destacado ofrecerá la opción de ser añadido a un carro de compras.
[x] Un footer para mostrar sus datos de contacto y ubicación de la empresa, además te tener un breve formulario con campos para que cualquier usuario pueda completar en caso de necesitar contactarse con la empresa.
Para realizar la maqueta debemos basarnos en algo similar a lo que ofrece TiendaVirtual en su sitio web. Es una versión bastante simplificada de lo que ofrece Mercadolibre y que se asemeja mucho a lo que nosotros proponemos.
También podemos basarnos en MuradJuguetes que ofrece una propuesta mucho más rebuscada, en su sitio se pueden observar muchísimos componentes que si bien costaría mucho educar al usuario sobre su uso, facilitan muchísimo la búsqueda de productos en la plataforma llevando al usuario por distintos filtros de búsqueda para obtener lo que quiere. Éste no es el ejemplo ideal, es un sitio muy muy muy rebuscado con muchísima información. Pero no viene mal pegarle una ojeada y ver si podemos aprovechar alguna idea para aplicarla a lo nuestro.
Tomando como marco de referencia el documento MVP.
Elaborar la vista LandingPage que será es donde aterrizarán todos los individuos que accedan al dominio www.{dominio_empresa}.com.
URL -> { / }
La misma constará con:
[x] Un header que tendrá el logo de la empresa y un navbar que permitirá a los usuarios visitantes desplazarse por las distintas secciones de la página, además de permitirle acceder a las demás vistas públicas: /login /signup /Search /Product{product id} /contact
[x] Una barra de búsqueda de productos que direccionará a /search con el/los resultado/s de la búsqueda realizada. La barra de búsqueda debe formar parte del navbar
[x] Un carro de compras que irá registrando los productos que el usuario ha decidido incluir en el carro. El ícono del carro debe formar parte del navbar.
[x] Una sección tipo carousell donde la empresa tendrá la posibilidad de compartir ofertas y flyers publicitarios.
[x] Una sección para destacar los productos que la empresa desee tener en promoción con un máximo de 8 espacios. Cada producto se mostrará con su foto, su precio, su little description y características físicas en caso de tenerlas (ancho, alto, colores disponibles, peso, etc).
[x] Cada producto aquí destacado ofrecerá la opción de ser añadido a un carro de compras.
[x] Un footer para mostrar sus datos de contacto y ubicación de la empresa, además te tener un breve formulario con campos para que cualquier usuario pueda completar en caso de necesitar contactarse con la empresa.
Para realizar la maqueta debemos basarnos en algo similar a lo que ofrece TiendaVirtual en su sitio web. Es una versión bastante simplificada de lo que ofrece Mercadolibre y que se asemeja mucho a lo que nosotros proponemos.
También podemos basarnos en MuradJuguetes que ofrece una propuesta mucho más rebuscada, en su sitio se pueden observar muchísimos componentes que si bien costaría mucho educar al usuario sobre su uso, facilitan muchísimo la búsqueda de productos en la plataforma llevando al usuario por distintos filtros de búsqueda para obtener lo que quiere. Éste no es el ejemplo ideal, es un sitio muy muy muy rebuscado con muchísima información. Pero no viene mal pegarle una ojeada y ver si podemos aprovechar alguna idea para aplicarla a lo nuestro.
También pueden basarse en TULYOP
Identificar los principales componentes y replicarlos ajustándolos a nuestro servicio.
Para tener una idea más clara y concisa de lo que se pide dejo ésta captura de como es la LandingPage de ML el día de hoy.
Debajo de ésto irían la sección de productos destacados y el footer.
[x] Una vez finalizado el diseño, pasarlo a mobile.
[ ] Aplicar estilos para adaptarse a los diseños realizados por Ayrton.