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

2. Etapa I
Negociacion

3. Etapa 1: Negociación
• Esta etapa es la
mas importante , ya
que conocemos lo
que el Cliente
desea (punto de
vista del cliente).

4. Etapa 1: Negociación
• En esta fase existen varias reuniones que
se realizan con el futuro clientes.

5. 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.

6. Etapa 1: Negociación
• Para saber cuanto debemos cobrar por el sitio
web, podemos hacernos base en el siguiente
cuadro

7. 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.

8. Etapa II
Organización de información

9. 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.

10. 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

11. 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

12. Etapa 2: Organización de información
Estructura 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.

13. Etapa 2: Organización de información
Estructura 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.

14. Etapa 2: Organización de información
Estructura del sitio(Modelos).
Jerarquía estrecha
Empleos
Oferta Demanda
Hombres Mujeres Ing. de Sistemas Contadores

15. Etapa III
Presentación de propuesta grafica

16. Etapa 3: Presentación de Propuesta Grafica

17. 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.

18. 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.

19. Etapa IV
Inserción del contenido y diseño visua

20. 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.

21. 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.

22. Etapa 4: inserción del contenido y Diseño visual
Esta es la parte mas larga y ardua del
proyecto
Ya 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 ..

23. 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.

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

25. Etapa 4: inserción del contenido y Diseño visual
El tiempo de esta
etapa es de
aproximadamente
una semana.

26. Etapa V
Revisión y Ajustes

27. Etapa 5: Revisión y ajustes

28. 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.

29. Etapa 5: Revision y ajustes

30. Etapa VI
Publicación de la web

31. Etapa 6: Publicación de la Web

32. Etapa 6: Publicación de la Web

33. Resumen
1. 2. 3. 4.
Negociación Organización Presentación Inserción
Diseño visual
5. 6.
Revisión y Publicación
Ajustes