Propuesta desarrollo web para Restaurante El Porvenir Tampico

1. UNIVERSIDAD AUTÓNOMA DE TAMAULIPAS
FACULTAD DE ARQUITECTURA, DISEÑO Y
URBANISMO
Licenciatura en Diseño Gráfico
séptimo semestre; grupo “E”
DESARROLLO Y PROGRAMACIÓN WEB
Análisis de desarollo:
El Porvenir | Restaurant Bar
alumnas:
Arteaga Hernández Katherine Amairani
Pérez de la Rosa Linda Viridiana
Reyes Gloria Kimberly Isabel
21 de septiembre de 2018

2. PERFIL DE USUARIO
NECESIDADES
OBJETIVO DEL SITIO
Usuario 1. (Cantina): Hombre profesionista mayor de 30 años con un nivel socio
económico que va desde el C medio típico que puede costear bebidas y un aperitivo o
botana de manera individual
Usuario 2. (Restaurante): Publico con un nivel socio económico mayor al C medio
típico, en sumayoríafamilias tradicionales enbuscade pasar untiempoagradable en
compañía de sus seres queridos que puedan costear una comida o cena en un
ambiente familiar y distinguido, mientras disfrutan de platillos originales a base de
mariscos y carnes elaborados con suma dedicación.
Usuario 1. (Cantina): Se trata de un hombre profesionista que está en busca de un
establecimiento de para adquirir alimentos de manera rápida, pero de alta calidad a
base de mariscos durante su tiempo de descanso o a la hora de salida de su trabajo
mientras se relaja en compañía de sus compañeros o de manera individual
disfrutando de un ambiente y placentero.
Usuario 2. (Restaurante): El usuario está en búsqueda de un restaurante que tenga el
sello de distinción con un estilo de cocina único que cuente con reconocimiento del
mejorambienteylosmássuculentosplatilloselaboradosconfrutosdelmarycarnes
de la más alta calidad para el deleite de los más exigentes paladares, con la mejor
atención y servicio que se les pueda brindar en un restaurante para tener una
experiencia completamente satisfactoria.
La finalidad de realizar este “refresh” al sitio web actual del restaurante El Porvenir,
es debido a la nueva identidad gráfica que será producida por motivos de proyecto
integrador. Acompañándose de un análisis para observar sus posibles deficiencias y
generarunnuevosistemadearquitecturadelainformaciónparaotorgarlealusuario
una mejor UX. Renovando su interfaz y logrando una cohesión entre sitio web e
imagen gráfica.

3. ANÁLISIS DEL SITIO ACTUAL
CONTENIDO
El sitio actual tiene un estilo de diseño decente, mantiene lo que es la imagen del
establecimiento, su esencia, existe mucha información y ofrece apartados para que
el usuario que visite elsitio web pueda explorar (como lo es el menú, sugerencias del
chef y las reservas).
Sin embargo, el tener mucha información es una de sus debilidades pues presentan
un exceso de ella y bombardean al usuario con esta por lo que termina cansado o
desinteresado.
También existen otros aspectos como colores claros difíciles de distinguir,
tipografías demasiado pequeñas y delgadas, e iconos minúsculos.
La página principal es muy larga por lo que puede presentar problemas al cargar en
algunos usuarios y también, como se mencionó anteriormente, está saturado de
elementos innecesarios que podrían brindar una mejor experiencia si solo se
conserva lo más importante.
En páginas como “Eventos” y “Menú” existe una mala organización de elementos y
palabras difíciles de distinguir de la una de la otra no solo por el mal diseño de la
tipografía si no porque están casi pegadas las unas con las otras y no se puede
distinguir donde termina una cosa y otra.
El contenido seria el siguiente:
• ¿Quiénes somos?
• Historia
• El lugar
• Cocina
• Sugerencia del Chef
• Reservar
• Menú
• Eventos
• Contacto

4. ARQUITECTURA DE LA INFORMACIÓN
PROPUESTA 1
En cuanto a estructura de información para desarrollo del sitio web a proponer, se
toma en cuenta la serie de datos anterior y se agrupa en dos grupos:
1. Información que permite que el usuario conozca al restaurante.
2. Temas relacionados con servicios o funciones que interactúan con el usuario.
Gracias a esto se pudieron generar las siguientes propuestas gráficas de diseño de
interfaz web.
Linda Viridiana Pérez de la Rosa
INFORMACIÓN
La información será la misma que el sitio tiene actualmente solo con algunos
ajustes como por ejemplo mantener solo lo importante para no cansar al usuario.
MAPA DEL SITIO

5. WIREFRAMES

14. ESPECIFICACIONES FUNCIONALES
El sitio web llevara a las siguientes páginas que se muestran en el mapa de sitio, no
es necesario volver a la página principal pues arriba estará un menú que estará
presente en todas las páginas que te llevara también a las otras páginas.
Alpasar elcursor en “quienes somos” desplegaraotras páginas que elusuariopuede
visitar.
Debajo de las paginas estará un pie de página con el copyright,newsletter y sus redes
sociales.
La página principal contará con fotografías con trasparencia y con títulos encima,
debajodeellaalpasar elcursorsepodráverunpocomástexto,esdecirunapequeña
descripción.
Se le dará prioridad a la reorganización de elementos de las paginas, ya que sus
elementos no se pueden leer y no llaman la atención del usuario. (las principales
fotografías de las paginas contendrán transparencia ya que llevarán títulos encima)
Otros cambios que se aplicaran serán el de cambiar el tamaño de tipografías,
tamaños más visibles y hacer páginas más cortas que no dificulten laexploración del
usuario en el sitio web.

15. PROPUESTA 2
Katherine Amairani Arteaga Hernández
INFORMACIÓN
Se mantendrá la mayoría de la información ya existente y se agregarán ciertos
detalles para complementar el sitio.
MAPA DEL SITIO
Página
principal
Nosotros
Historia
Lugar
Cocina
Menú
Menú
Sugerencia
del Chef
Reservaciones
Reservar
Cancelar
Contacto
Redes
sociales
Newsletter

16. WIREFRAMES

21. ESPECIFICACIONES FUNCIONALES
El sitio web contará con nuevas interacciones para el usuario.
Se añadirá un formulario de cancelación y seguimiento de citas.
Se agregará un menú digital para que el usuario vea una previsualización del platillo
que puede ordenar.
El diseño de apartados le mostrara menos información al usuario para evitar
ambigüedades en la información.

22. PROPUESTA 3
Kimberly Isabel Reyes Gloria
MAPA DEL SITIO

23. WIREFRAMES