SlideShare uma empresa Scribd logo
1 de 30
Etapas para un proyecto web


                       José Vera
            Diseño Grafico nivel 6
Etapa 1: Negociación

 Entender
 claramente
 cuáles son los
 requisitos del
 proyecto.
• Iniciar una reunión donde se hable de las
  generalidades del mismo, se definan los
  objetivos del proyecto
• En esta esta
  también consta la
  entrega del Mapa
  del sitio Web o
  sistemas, el cual
  deberá ser
  entregado en 4
  días laborables.
Al comenzar esta etapa el
  cliente nos entrega toda la
      información, la cual
organizaremos por categorías.
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
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.
Estructura del sitio(Modelos).


• 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.
 Recuerde que tenemos
  que contactar
  directamente a la
  persona que toma las
  decisiones.
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.
• Para esta etapa
  nos tomaremos 2
  semanas, ya que
  aquí es donde se
  define la realización
  del proyecto.
• 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.
• 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.
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
    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.
El tiempo de esta
etapa es de
aproximadamente
una semana.
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
En esta etapa
“subiremos” nuestro sitio
Web al internet, para
esto necesitamos un
Hosting.
Etapa 6: Publicación de la Web
En esta etapa por fin después de tanto
esfuerzo y tiempo podemos gozar de ver
nuestra obra de arte: toda la información
insertada.
• El cliente revisa que todo quede como el
  quiso.
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
Jose vera diapositiva
Jose vera diapositiva

Mais conteúdo relacionado

Mais procurados

Como crear una pagina web en wix
Como crear una pagina web en wixComo crear una pagina web en wix
Como crear una pagina web en wix
Jose Martinez
 
¡Tu propia página web!
¡Tu propia página web!¡Tu propia página web!
¡Tu propia página web!
manmenpino
 
Dn11 u3 a25_sgao
Dn11 u3 a25_sgaoDn11 u3 a25_sgao
Dn11 u3 a25_sgao
mayabchran
 

Mais procurados (18)

Wix
WixWix
Wix
 
Como crear tu web
Como crear tu webComo crear tu web
Como crear tu web
 
Pagina web
Pagina webPagina web
Pagina web
 
Como crear una pagina web en wix
Como crear una pagina web en wixComo crear una pagina web en wix
Como crear una pagina web en wix
 
Kimberly
KimberlyKimberly
Kimberly
 
¡Tu propia página web!
¡Tu propia página web!¡Tu propia página web!
¡Tu propia página web!
 
Curso de WordPress en Barcelona
Curso de WordPress en BarcelonaCurso de WordPress en Barcelona
Curso de WordPress en Barcelona
 
Dn11 u3 a25_sgao
Dn11 u3 a25_sgaoDn11 u3 a25_sgao
Dn11 u3 a25_sgao
 
Wordpress
WordpressWordpress
Wordpress
 
0301 la cotizacion
0301  la cotizacion0301  la cotizacion
0301 la cotizacion
 
Etapas de proyecto web
Etapas de proyecto webEtapas de proyecto web
Etapas de proyecto web
 
Cómo convertí mi trabajo freelance en un negocio (Mercedes Bugarin - Meetup...
Cómo convertí mi trabajo freelance en un negocio (Mercedes Bugarin - Meetup...Cómo convertí mi trabajo freelance en un negocio (Mercedes Bugarin - Meetup...
Cómo convertí mi trabajo freelance en un negocio (Mercedes Bugarin - Meetup...
 
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
 
Wix vs Sites Google vs Zyro
Wix vs Sites Google vs ZyroWix vs Sites Google vs Zyro
Wix vs Sites Google vs Zyro
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Dfape
DfapeDfape
Dfape
 
Norma
NormaNorma
Norma
 

Destaque (6)

La idea de España en los textos escolares
La idea de España en los textos escolaresLa idea de España en los textos escolares
La idea de España en los textos escolares
 
El ph de la saliva como cambia
El ph de la saliva  como cambiaEl ph de la saliva  como cambia
El ph de la saliva como cambia
 
Wli 2012 making a leadership move eth final
Wli 2012 making a leadership move eth finalWli 2012 making a leadership move eth final
Wli 2012 making a leadership move eth final
 
Revista Percepciones No. 1
Revista Percepciones No. 1Revista Percepciones No. 1
Revista Percepciones No. 1
 
Portafolio educacion continua-un
Portafolio educacion continua-unPortafolio educacion continua-un
Portafolio educacion continua-un
 
Ley de defensa del consumidor Chile
Ley de defensa del consumidor ChileLey de defensa del consumidor Chile
Ley de defensa del consumidor Chile
 

Semelhante a Jose vera diapositiva

Cervantes catherine 6 to diseño
Cervantes catherine 6 to diseñoCervantes catherine 6 to diseño
Cervantes catherine 6 to diseño
Catherine20
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
marquezfajardo
 
Etpas de un proyecto web
Etpas de un proyecto webEtpas de un proyecto web
Etpas de un proyecto web
angelgabrielsol
 
Etpas de un proyecto web
Etpas de un proyecto webEtpas de un proyecto web
Etpas de un proyecto web
angelgabrielsol
 
Etpas de un proyecto web
Etpas de un proyecto webEtpas de un proyecto web
Etpas de un proyecto web
angelgabrielsol
 
Etpas de un proyecto web
Etpas de un proyecto webEtpas de un proyecto web
Etpas de un proyecto web
angelgabrielsol
 
3 procesos web
3 procesos web3 procesos web
3 procesos web
UVM
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto web
mmsita79
 
Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
Mateo Salgado
 
Proyecto,deber
Proyecto,deberProyecto,deber
Proyecto,deber
tany2326
 

Semelhante a Jose vera diapositiva (20)

Etapas de un proyecto web_by Wendy Herrera
Etapas de un proyecto web_by Wendy HerreraEtapas de un proyecto web_by Wendy Herrera
Etapas de un proyecto web_by Wendy Herrera
 
Cervantes catherine 6 to diseño
Cervantes catherine 6 to diseñoCervantes catherine 6 to diseño
Cervantes catherine 6 to diseño
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
 
El proceso de un diseño web danny
El proceso de un diseño web dannyEl proceso de un diseño web danny
El proceso de un diseño web danny
 
Taller de Proyectos Digitales
Taller de Proyectos DigitalesTaller de Proyectos Digitales
Taller de Proyectos Digitales
 
Etpas de un proyecto web
Etpas de un proyecto webEtpas de un proyecto web
Etpas de un proyecto web
 
Etpas de un proyecto web
Etpas de un proyecto webEtpas de un proyecto web
Etpas de un proyecto web
 
Etpas de un proyecto web
Etpas de un proyecto webEtpas de un proyecto web
Etpas de un proyecto web
 
Etpas de un proyecto web
Etpas de un proyecto webEtpas de un proyecto web
Etpas de un proyecto web
 
3 procesos web
3 procesos web3 procesos web
3 procesos web
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
fases de un proyecto web
fases de un proyecto webfases de un proyecto web
fases de un proyecto web
 
Diseño y construcción de excelentes sitios Web
Diseño y construcción de excelentes sitios WebDiseño y construcción de excelentes sitios Web
Diseño y construcción de excelentes sitios Web
 
computación
computación computación
computación
 
Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
 
PROYECTO WEB
PROYECTO WEBPROYECTO WEB
PROYECTO WEB
 
Proyecto,deber
Proyecto,deberProyecto,deber
Proyecto,deber
 
PROYECTO WEB
PROYECTO WEBPROYECTO WEB
PROYECTO WEB
 

Jose vera diapositiva

  • 1. Etapas para un proyecto web José Vera Diseño Grafico nivel 6
  • 2. Etapa 1: Negociación  Entender claramente cuáles son los requisitos del proyecto.
  • 3. • Iniciar una reunión donde se hable de las generalidades del mismo, se definan los objetivos del proyecto
  • 4. • En esta esta también consta la entrega del Mapa del sitio Web o sistemas, el cual deberá ser entregado en 4 días laborables.
  • 5. Al comenzar esta etapa el cliente nos entrega toda la información, la cual organizaremos por categorías.
  • 6. 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
  • 7. 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
  • 8. 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.
  • 9. Estructura del sitio(Modelos). • 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.
  • 10.
  • 11.  Recuerde que tenemos que contactar directamente a la persona que toma las decisiones.
  • 12. 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.
  • 13. • Para esta etapa nos tomaremos 2 semanas, ya que aquí es donde se define la realización del proyecto.
  • 14. • 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.
  • 15. • 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.
  • 16. 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 ..
  • 17. 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.
  • 18.
  • 19. El tiempo de esta etapa es de aproximadamente una semana.
  • 20.
  • 21. 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.
  • 22. Etapa 5: Revision y ajustes
  • 23. En esta etapa “subiremos” nuestro sitio Web al internet, para esto necesitamos un Hosting.
  • 24.
  • 25. Etapa 6: Publicación de la Web En esta etapa por fin después de tanto esfuerzo y tiempo podemos gozar de ver nuestra obra de arte: toda la información insertada.
  • 26. • El cliente revisa que todo quede como el quiso.
  • 27. Estas personas desconocidas en la mayoría de los casos nos quieren presionar para que hagamos cambios exageradamente drásticos . .
  • 28. 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