El documento describe las 6 etapas típicas para un proyecto web: 1) negociación con el cliente, 2) organización de la información, 3) presentación de propuestas de diseño, 4) inserción de contenido y diseño visual, 5) revisión y ajustes, 6) publicación del sitio web en internet. Cada etapa incluye actividades como reuniones con el cliente, creación de mapas de sitio, presentación de diseños, desarrollo técnico, y revisión final antes de la publicación.

1. Etapas para un proyecto web
Jose Tutiven Falconi
Diseño Grafico nivel 6

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

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

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

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

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

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

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

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

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

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

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

13. Etapa 3: Presentación de Propuesta Grafica

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

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

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

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

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

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

20. Etapa 4: inserción del contenido y Diseño visual
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.

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

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

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

24. Etapa 5: Revisión y ajustes

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

26. Etapa 5: Revision y ajustes

27. Etapa 6: Publicación de la Web
En esta etapa
“subiremos” nuestro sitio
Web al internet, para
esto necesitamos un
Hosting.

28. Etapa 6: Publicación de la Web

29. Etapa 6: Publicación de la Web

30. Etapa 6: Publicación de la Web