Modelo de Entregable de Avance 1

Avance 1 – Modelo de Entregable

DISEÑO Y DESARROLLO WEB

Avance Nro. 01 – Proyecto Final

ALUMNOS : CHAVEZ GUERRA, DANILO

CHICO LOAYZA, JAIME
DIAZ LOZANO, FELIX
TUESTA CASIQUE, ANTONY

NRC : 1398

TEMA : CEVICHERÍA “El Bigote”

Lima, Mayo 2021

Modelo de Entregable de Avance 1

PROYECTO - CEVICHERÍA “EL BIGOTE”

CONTEXTO
Elegimos diseñar la página web de una cevichería porque un integrante del grupo tiene
pensado abrir su cevichería.

Decidimos aprovechar los conocimientos del curso en diseñar una página web que
posteriormente será utilizada en un negocio real.

MISIÓN
Buscamos brindar la excelencia en la preparación de la comida marina a través de insumos
de calidad en un ambiente agradable desarrollados por un equipo humano competente.

VISIÓN
Ser reconocido como el mejor restaurante de comida marina en lima por los altos
estándares de calidad y servicio.

OBJETIVOS
El objetivo de nuestra web, es presentar nuestras promociones, que todos nuestros clientes
conozcan todos los platos que tiene nuestra amplia carta y puedan realizar sus compras a
través de nuestra web.
Modelo de Entregable de Avance 1

WIREFRAMES DEL PROYECTO

1. Página de inicio: esta es la estructura que tendrá la página de inicio.

Modelo de Entregable de Avance 1

2. Página Interna 1 cuando se seleccione la opción “Promociones”

Modelo de Entregable de Avance 1

3. Página Interna 2 cuando se seleccione la opción“Carta”

Modelo de Entregable de Avance 1

4. Página Interna 3 cuando se seleccione la opción “Bar”.

Modelo de Entregable de Avance 1

5. Página Interna 4 cuando se seleccione la opción “Locales”

Modelo de Entregable de Avance 1

6. Página Interna 5 cuando se seleccione la opción “Reserva

 Modelo de Entregable de Avance 1

CONCLUSIONES
Corregimos y agregamos color he imágenes, diseñamos nuestro logo y ordenamos
todos los “wireframes” de cómo es que quedará finalmente las páginas web que
diseñaremos.

Creo que es importante diseñar los “wireframes” previo al diseño de la página

porque nos ayuda a tener una visión previa de como quedara nuestra página web.

HERRAMIENTAS QUE SE UTILIZARON

Este primer avance trabajamos con la siguiente herramienta:

Balsamiq: https://wireframe.cc/