Instituto Politcnico Nacional

Unidad Profesional Interdisciplinaria de

Ingeniera y Ciencias Sociales
y Administrativas
Diseo multimedia

Rico Aragn Daniel Oswaldo

Equipo 7:
Brito Brito Juan Jess
Carrasco Romero Luis Angel
Cruz Torales Gustavo
Garca Salazar Elena Iyadalit
Pinette Hernndez Diana Patricia

2CM40
Requerimientos

2
No de Requerimiento Descripcin
requerimiento

RF01 Acerca de Dentro de la pgina web se incluir una seccin llamada Acerca
de la cual brinda informacin general acerca del negocio

RF02 Men Tambin existir una seccin en llamada Men que incluye los
platillos y bebidas que se ofrecen dentro del negocio, as como su
descripcin y su precio

RF03 Seccin de Se incluir una seccin de fotos de los platillos y bebidas que se
fotografas venden

RF04 Ubicacin En esta seccin se incluye la direccin, correo, telfono y horarios

del negocio. As como un mapa adicional al cual se puede acceder
desde la aplicacin Google maps.

3
No de Requerimi Descripcin
requerimie ento
nto

RNF01 Dominio Para que sea posible realizar la pgina web, es necesario adquirir un dominio, que
ser el enlace para que los clientes puedan acceder a la pgina web

RNF02 Hosting Tambin se debe hacer el pago de un hosting en el cual se alojar la pgina web para
que est siempre disponible a los usuarios dentro de la web

RNF03 Interfaz La interfaz debe ser sencilla de utilizar para que personas que no estn muy
amigable familiarizadas con la web puedan entender claramente

RNF04 Contraste Los colores que se van a utilizar deben contrastar perfectamente para que no se
en colores pierda ningn texto en ningn momento ni se presenten dificultades al leer

RN05 Color por Cada seccin tendr un color distinto para poder identificar su inicio y final
seccin

RNF06 Mapa El mapa que se encuentra en la seccin ubicacin ser interactivo y compatible con
interactivo la aplicacin Google maps
4
Objetivo General

5
Desarrollar una aplicacin que brinde informacin
necesaria de los productos que se brindan en la
cafetera, as como la ubicacin del lugar y del tipo de
servicios que ofrece para publicitar y lograr
reconocimiento a travs del diseo de la pgina web.
Objetivos
especficos

7
 Dar a conocer los productos ofrecidos en la cafetera.

Hacer publicidad efectiva del negocio y su servicio.

Ubicar rpidamente el establecimiento.

Lograr un acercamiento entre los clientes y los productos y servicios

de la cafetera les brinda.

Atraer la atencin de los usuarios.

8
Diseo conceptual

9
10
11
12
13
Proceso creativo

14
15
Anlisis.
Ya sea de forma presencia, por telfono o va correo
electrnico se levanta el requerimiento de las
necesidades de su WebSite; definicin de secciones
de contenido, mapa de navegacin, colores e
imgenes deseadas y diseos de referencia

Diseo
Los diseadores proceden a crear 2 Layouts
(Maquetas Visuales) de su sitio Web a tamao real,
para seleccionar 1 de su preferencia y hasta 3 rondas
de arreglos y modificaciones a la seleccionada

16
Prototipo
Se crean Wireframes (Maquetas funcionales) de
su sitio para definir cmo quedarn estructurados
sus contenidos y el funcionamiento de los mismos
Desarrollo: con el diseo y los Wireframes los
programadores crean el cdigo que construye su Sitio
Web.

Testing.
Una vez terminado el desarrollo se hacen pruebas
visuales y de funcionamiento, primero por parte de
nuestro equipo y luego por parte del cliente, para
verificar que el resultado final cumpla con los
requerimientos definidos
17
Dominio y Hosting
Probado el sitio se procede a crear el Hosting final donde se
hospedar, se migra todo el sitio web desde el servidor de
desarrollo y se enlaza con el dominio real. Nuestra oferta
incluye un ao de Hosting y nombre de dominio GRATIS,
adems de cuentas de correo electrnico ILIMITADAS.

Publicacin y Entrega
Una vez el sitio en su Hosting final, se le entregan al cliente
todos los datos de acceso y capacitacin necesaria para el uso
del mismo

18
E-Marketing.
Se le incluyen palabras claves en los ttulos y etiquetas para
garantizar un buen posicionamiento en buscadores y se da de
alta el sitio en Google Analytics para darle al cliente un control
estadstico de uso del sitio.

Mantenimiento Adiciones y modificaciones posteriores a la

entrega, apoyo en la publicacin de contenidos. Este paso es
opcional y se cotiza aparte de acuerdo a las
necesidades del cliente

19
Uso de color
y tipografa
Para este proyecto tomamos en cuenta las siguientes
referencias:

Para los compradores Online otros aspectos que

influencian su comportamiento son: diseo del sitio
Web y el texto utilizado.
El 42% de los compradores basan su opinin de un sitio
Web fundamentado en el diseo general.
El 52% de los compradores no regresan a un sitio Web
que consideran que no es esttico.
Amazon ha encontrado que por cada 1oo milisegundos
de mejora en la velocidad aumenta un 1% las ventas del
sitio.
Usabilidad

23
El sitio web diseado cumple con las caractersticas de
usabilidad necesarias para facilitar la navegacin de los
posibles compradores. El sitio es eficiente, es decir, cada
una de las pginas se despliega rpidamente, aumentando
as la satisfactoria de los clientes. Adems es eficaz, porque
presenta a travs de una interfaz amigable, toda la
informacin necesaria.
Pgina de inicio:
De acuerdo al estudio de benchmark realizado, la pgina
de inicio es la ms importante de todo el sitio. Es la primera
impresin del sitio, as como la que recibe el mayor nmero
de vista. De ella depende que las personas se interesen y
continen navegando en las distintas secciones.

24
 Android
project
Place your screenshot here

25
Place your screenshot
iPhone
project
here

26
 Tablet
project
Place your screenshot here

27
Desktop
project
Show and explain your web, app
or software projects using these
gadget templates.

28
!Grcias
Preguntas?

29