SlideShare una empresa de Scribd logo
Etapas para un proyecto web




Víctor Gómez Tomala
Diseño Grafico nivel 6
Etapa I

 Negociacion
Etapa 1: Negociación



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

• En esta fase existen varias reuniones que
  se realizan con el futuro clientes.
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.
Etapa 1: Negociación

• Para saber cuanto debemos cobrar por el sitio
  web, podemos hacernos base en el siguiente
  cuadro
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.
Etapa II

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

Estructura del sitio(Modelos).

               Jerarquía estrecha

                             Empleos


               Oferta                      Demanda



     Hombres            Mujeres   Ing. de Sistemas   Contadores
Etapa III

  Presentación de propuesta grafica
Etapa 3: Presentación de Propuesta Grafica
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.
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.
Etapa IV

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

El tiempo de esta
etapa es de
aproximadamente
una semana.
Etapa V

 Revisión y Ajustes
Etapa 5: Revisión y ajustes
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.
Etapa 5: Revision y ajustes
Etapa VI

 Publicación de la web
Etapa 6: Publicación de la Web
Etapa 6: Publicación de la Web
Resumen

1.            2.             3.              4.
Negociación   Organización   Presentación    Inserción
                             Diseño visual




              5.             6.
              Revisión y     Publicación
              Ajustes

Más contenido relacionado

PPT
PPT
Jose vera diapositiva
PPT
Karen- etapas de un proyecto web
PPTX
Proceso de un proyecto web
PDF
Tessy Web
PPTX
Etapas de un proyecto web
PPT
0301 la cotizacion
PPTX
Jose vera diapositiva
Karen- etapas de un proyecto web
Proceso de un proyecto web
Tessy Web
Etapas de un proyecto web
0301 la cotizacion

La actualidad más candente (8)

PDF
Diseño y construcción de excelentes sitios Web
PPTX
Dn11 u3 a25_sgao
PDF
Buenas prácticas para crear tu página web - Nominalia
ODP
¡Tu propia página web!
DOCX
DOCX
Cómo crear un efectivo portfolio online
PPT
Slide share
PPSX
Experiencias trabajando para agencias y clientes
Diseño y construcción de excelentes sitios Web
Dn11 u3 a25_sgao
Buenas prácticas para crear tu página web - Nominalia
¡Tu propia página web!
Cómo crear un efectivo portfolio online
Slide share
Experiencias trabajando para agencias y clientes
Publicidad

Destacado (20)

PDF
Presentacion Pautas Pedro
PDF
Nacho Manzano
PPT
Profundida de campo
DOCX
Artes
PPTX
Yo Soy Colombiano
ODP
La ReproduccióN Inma
PPT
Atividade PLAC 2 Grupo NTE-RR
PPSX
ALGORITMO
PPS
Un Gran Hombre Ok
PPT
Teórica Efectos A F y Hábitos no Saludables
PPT
DOCX
economia wilson
PDF
SETinBOX APRESENTACAO EM PORTUGUES
PPT
ExplicacióN Componentes Del Sice
PPSX
Información eliminada por celular
PPT
Plom (Pb) Teconologia
PPTX
Avaliação da aprendizagem catarina cunha
PPT
Problema de instrumentacion
PPT
Porqué Innovar: EPG San Sebastián 2010
ODP
Presentacion Viaje A Galicia
Presentacion Pautas Pedro
Nacho Manzano
Profundida de campo
Artes
Yo Soy Colombiano
La ReproduccióN Inma
Atividade PLAC 2 Grupo NTE-RR
ALGORITMO
Un Gran Hombre Ok
Teórica Efectos A F y Hábitos no Saludables
economia wilson
SETinBOX APRESENTACAO EM PORTUGUES
ExplicacióN Componentes Del Sice
Información eliminada por celular
Plom (Pb) Teconologia
Avaliação da aprendizagem catarina cunha
Problema de instrumentacion
Porqué Innovar: EPG San Sebastián 2010
Presentacion Viaje A Galicia
Publicidad

Similar a Victor gomez (20)

PPT
Etapas de un proyecto web_by Wendy Herrera
PPTX
Etpas de un proyecto web
PPTX
Etpas de un proyecto web
PPTX
Etpas de un proyecto web
PPTX
Teorias de proyectos web
PPTX
fases de un proyecto web
PPTX
Etpas de un proyecto web
PPT
Diseño Web
PPTX
Proceso de un proyecto web (2)
PPTX
Proceso de un proyecto web (2)
PDF
¿Cómo se hace en digital? | How It's Made... Digitally!
PPT
El proceso de un diseño web danny
PPTX
Etapas de proyecto web
PPTX
Presentación1
PPTX
Etapas de un diseño web
PDF
PPTX
Infotesug Proceso Proyecto
PPT
Fundamentos DiseñO Web
DOCX
Diseño de páginas web
Etapas de un proyecto web_by Wendy Herrera
Etpas de un proyecto web
Etpas de un proyecto web
Etpas de un proyecto web
Teorias de proyectos web
fases de un proyecto web
Etpas de un proyecto web
Diseño Web
Proceso de un proyecto web (2)
Proceso de un proyecto web (2)
¿Cómo se hace en digital? | How It's Made... Digitally!
El proceso de un diseño web danny
Etapas de proyecto web
Presentación1
Etapas de un diseño web
Infotesug Proceso Proyecto
Fundamentos DiseñO Web
Diseño de páginas web

Victor gomez

  • 1. Etapas para un proyecto web Víctor Gómez Tomala Diseño Grafico nivel 6
  • 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
  • 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