SlideShare una empresa de Scribd logo
1 de 26
Karen Rivera.
Diseño Grafico nivel 6
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 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.
Etapa 2: Organización de
   información
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.
Etapa 3: Presentación de
Propuesta Grafica
Etapa 3: Presentación de
     Propuesta Grafica

 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

 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.
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 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 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 6: Publicación de la Web
Etapa 6: Publicación de la Web
Etapa 6: Publicación de la Web
Etapa 6: Publicación de la Web

Más contenido relacionado

La actualidad más candente

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 wixJose Martinez
 
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEBPROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEBDiseño Web
 
Curso WordPress: potencia tu Web con Herramientas Avanzadas
Curso WordPress: potencia tu Web con Herramientas AvanzadasCurso WordPress: potencia tu Web con Herramientas Avanzadas
Curso WordPress: potencia tu Web con Herramientas AvanzadasNominalia
 
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...wpargentina
 
Facebook Page with WS's Touch
Facebook Page with WS's TouchFacebook Page with WS's Touch
Facebook Page with WS's TouchOsmin Rodriguez
 
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...wpargentina
 
Curso de WordPress en Barcelona
Curso de WordPress en BarcelonaCurso de WordPress en Barcelona
Curso de WordPress en Barcelonainsidenet
 
Primeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webPrimeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webNominalia
 

La actualidad más candente (20)

Noooo
NooooNoooo
Noooo
 
Wix
WixWix
Wix
 
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
 
Weebly
WeeblyWeebly
Weebly
 
Dfape
DfapeDfape
Dfape
 
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEBPROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
 
Etapas de proyecto web
Etapas de proyecto webEtapas de proyecto web
Etapas de proyecto web
 
Actividad 4 p yola
Actividad 4 p  yolaActividad 4 p  yola
Actividad 4 p yola
 
Como publicar en webnode
Como publicar en webnodeComo publicar en webnode
Como publicar en webnode
 
Weebly2
Weebly2Weebly2
Weebly2
 
Curso WordPress: potencia tu Web con Herramientas Avanzadas
Curso WordPress: potencia tu Web con Herramientas AvanzadasCurso WordPress: potencia tu Web con Herramientas Avanzadas
Curso WordPress: potencia tu Web con Herramientas Avanzadas
 
Blog
BlogBlog
Blog
 
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...
 
Facebook Page with WS's Touch
Facebook Page with WS's TouchFacebook Page with WS's Touch
Facebook Page with WS's Touch
 
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...
 
Kimberly
KimberlyKimberly
Kimberly
 
Curso de WordPress en Barcelona
Curso de WordPress en BarcelonaCurso de WordPress en Barcelona
Curso de WordPress en Barcelona
 
Como crear tu web
Como crear tu webComo crear tu web
Como crear tu web
 
Primeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu webPrimeros pasos en WordPress: cómo concretar tu idea en tu web
Primeros pasos en WordPress: cómo concretar tu idea en tu web
 
Pagina de weebly
Pagina de weeblyPagina de weebly
Pagina de weebly
 

Similar a Karen- etapas de un proyecto web

Similar a Karen- etapas de un proyecto web (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
 
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
 
PROYECTO WEB
PROYECTO WEBPROYECTO WEB
PROYECTO WEB
 
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
 
Etapas de un proyecto web
Etapas de un proyecto  webEtapas de un proyecto  web
Etapas de un proyecto web
 
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
 
0301 la cotizacion
0301  la cotizacion0301  la cotizacion
0301 la cotizacion
 
3 procesos web
3 procesos web3 procesos web
3 procesos web
 
Proceso de un proyecto web (2)
Proceso de un proyecto web (2)Proceso de un proyecto web (2)
Proceso de un proyecto web (2)
 
Proceso de un proyecto web (2)
Proceso de un proyecto web (2)Proceso de un proyecto web (2)
Proceso de un proyecto web (2)
 
Presentacion tafur
Presentacion tafurPresentacion tafur
Presentacion tafur
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto web
 
Taller de Proyectos Digitales
Taller de Proyectos DigitalesTaller de Proyectos Digitales
Taller de Proyectos Digitales
 
TC4
TC4 TC4
TC4
 
fases de un proyecto web
fases de un proyecto webfases de un proyecto web
fases de un proyecto web
 
Informe[2]
Informe[2]Informe[2]
Informe[2]
 
computación
computación computación
computación
 
Teorias de proyectos web
Teorias de proyectos webTeorias de proyectos web
Teorias de proyectos web
 

Último

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 

Último (13)

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 

Karen- etapas de un proyecto web

  • 2. 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.
  • 3. Etapa 1: Negociación  Para saber cuanto debemos cobrar por el sitio web, podemos hacernos base en el siguiente cuadro
  • 4. 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.
  • 5. 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.
  • 6. 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
  • 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. 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.
  • 9. Etapa 2: Organización de información 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. Etapa 3: Presentación de Propuesta Grafica
  • 11. Etapa 3: Presentación de Propuesta Grafica  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.
  • 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. 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.
  • 14. 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.
  • 15. 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.
  • 16. 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 ..
  • 17. 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.
  • 18. Etapa 4: inserción del contenido y Diseño visual
  • 19. Etapa 4: inserción del contenido y Diseño visual El tiempo de esta etapa es de aproximadamente una semana.
  • 20. Etapa 5: Revisión y ajustes
  • 21. 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.
  • 22. Etapa 5: Revision y ajustes