victor gomez

33
Etapas para un proyecto web Víctor Gómez Tomala Diseño Grafico nivel 6

Upload: luciernaga-urbana-publicidad

Post on 13-Apr-2017

181 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Victor gomez

Etapas para un proyecto web

Víctor Gómez TomalaDiseño Grafico nivel 6

Page 2: Victor gomez

Etapa I

Negociacion

Page 3: Victor gomez

Etapa 1: Negociación

• Esta etapa es la mas importante , ya que conocemos lo que el Cliente desea (punto de vista del cliente).

Page 4: Victor gomez

Etapa 1: Negociación

• En esta fase existen varias reuniones que se realizan con el futuro clientes.

Page 5: Victor gomez

Etapa 1: Negociación

• En esta etapa también se hace hincapié al costo del trabajo, para esto se debe realizar un contrato con un anticipo del 30% del trabajo.

Page 6: Victor gomez

Etapa 1: Negociación

• Para saber cuanto debemos cobrar por el sitio web, podemos hacernos base en el siguiente cuadro

Page 7: Victor gomez

Etapa 1: Negociación

• En esta esta también consta la entrega del Mapa del sitio Web o sitemap, el cual deberá ser entregado en 4 días laborables.

Page 8: Victor gomez

Organización de información

Etapa II

Page 9: Victor gomez

Etapa 2: Organización de información

Al comenzar esta etapa el cliente nos entrega toda la

información, la cual organizaremos por categorías.

Page 10: Victor gomez

Etapa 2: Organización de información

Para esta organización se utiliza los denominados

mapas de sitio, el cual nos ayudara a presentar de una forma ordenada la

información de la empresa o negocio a presentar

Page 11: Victor gomez

Etapa 2: Organización de información

• Facilitar la navegación al usuario .• Debe ser tan sencillo de tal forma

que hasta un niño pueda navegar sin ningún inconveniente

• Que el usuario encuentre lo que quiere fácilmente

• Que la información importante siempre este en los lugares importantes

Page 12: Victor gomez

Etapa 2: Organización de informaciónEstructura del sitio(Modelos).

Existen cuatro formas de organización lógica de los sitios Web:• Lineal: es una estructura secuencial similar a la que sigue la

información impresa(revistas, periódicos, etc).• Rejilla: es una estructura lineal doble, en la que sus

elementos se relacionan tanto vertical como horizontalmente.• Jerárquica: es la más común en la Web, similar a la

estructura de un árbol.• Tela de araña(Web): no sigue ninguna de las estructuras

anteriores y contiene muchos vínculos cruzados y saltos hacia delante.

Page 13: Victor gomez

Etapa 2: Organización de informaciónEstructura del sitio(Modelos).

Existen cuatro formas de organización lógica de los sitios Web:• Lineal: es una estructura secuencial similar a la que sigue la

información impresa(revistas, periódicos, etc).• Rejilla: es una estructura lineal doble, en la que sus

elementos se relacionan tanto vertical como horizontalmente.• Jerárquica: es la más común en la Web, similar a la

estructura de un árbol.• Tela de araña(Web): no sigue ninguna de las estructuras

anteriores y contiene muchos vínculos cruzados y saltos hacia delante.

Page 14: Victor gomez

Etapa 2: Organización de informaciónEstructura del sitio(Modelos).

Empleos

Oferta

Hombres

Demanda

Jerarquía estrecha

Mujeres Ing. de Sistemas Contadores

Page 15: Victor gomez

Presentación de propuesta grafica

Etapa III

Page 16: Victor gomez

Etapa 3: Presentación de Propuesta Grafica

Page 17: Victor gomez

Etapa 3: Presentación de Propuesta Grafica

• Si el diseñador muestra mas de dos diseños podría causar demasiada confusión en el cliente y tendría bastante problema para poder escoger el diseño.

• Recuerde que tenemos que contactar directamente a la persona que toma las decisiones.

• Tener por escrito la aprobación del diseño, aclarando que cualquier cambio tendrá un costo adicional.

Page 18: Victor gomez

Etapa 3: Presentación de Propuesta Grafica

• Para esta etapa nos tomaremos 2 semanas, ya que aquí es donde se define la realización del proyecto.

Page 19: Victor gomez

Inserción del contenido y diseño visual

Etapa IV

Page 20: Victor gomez

Etapa 4: inserción del contenido y Diseño visual• En esta fase crearemos el

diseño visual, el aspecto y la sensación.• La interfaz gráfica es la primera

experiencia que tiene el usuario con el sitio.

• Aquí los diseñadores se vuelven creativos.

Page 21: Victor gomez

Etapa 4: inserción del contenido y Diseño visual• En esta parte ensamblamos todas las

partes para que funcionen.• La producción se combina con el

contenido.• La Etapa 4 contempla la implementación

técnica de la programación.

Page 22: Victor gomez

Etapa 4: inserción del contenido y Diseño visual

Esta es la parte mas larga y ardua del proyectoYa que aquí ya viene el diseño usando los diferentes programas ya sea FIREWORKS DREAMWEAVER con estos programas diseñamos las paginas webs insertamos imágenes, animaciones, textos en fin Exijamos siempre que los contenidos nos los entreguen en formato digital para ahorrar tiempo ..

Page 23: Victor gomez

Etapa 4: inserción del contenido y Diseño visual

Por nada del mundo recibamos por parte del cliente un CONTENIDO que no este revisado y lo mas importante que NO este COMPLETO.

Ya que si el cliente trae un contenido incompleto y nos dice que por lo pronto trabajemos con esto pero mas tarde viene con el resto que mas segura obligara a rediseñar lo que ya estaba hecho y tanto esfuerzo y tiempo le costo en vano.

Page 24: Victor gomez

Etapa 4: inserción del contenido y Diseño visual

Page 25: Victor gomez

Etapa 4: inserción del contenido y Diseño visual

El tiempo de esta

etapa es de

aproximadamente

una semana.

Page 26: Victor gomez

Revisión y Ajustes

Etapa V

Page 27: Victor gomez

Etapa 5: Revisión y ajustes

Page 28: Victor gomez

Etapa 5: Revision y ajustes

Estas personas desconocidas en la mayoría de los casos nos quieren presionar para que hagamos cambios exageradamente drásticos .Pero es este la gran ocasión para hacernos valer y ganar la estima como profesional .Como profesionales que somos de manera decidida rechacemos con firmeza.

Page 29: Victor gomez

Etapa 5: Revision y ajustes

Page 30: Victor gomez

Publicación de la web

Etapa VI

Page 31: Victor gomez

Etapa 6: Publicación de la Web

Page 32: Victor gomez

Etapa 6: Publicación de la Web

Page 33: Victor gomez

Resumen

1.Negociación

2.Organización

3.Presentación Diseño visual

4.Inserción

5.Revisión y Ajustes

6.Publicación