SlideShare una empresa de Scribd logo
1 de 11
ANÁLISIS SITIOS WEB
   A TRAVÉS DEL
      TIEMPO
SITIO 1: ANIMAL PLANE                               1997
                        Diseño:

                        Siempre manejando el color verde que es el
                        color de la naturaleza por excelencia. Tanto asi
                        que la imagen ya llega a ser bastante cargada
                        hacia los verdes llegando a saturar evitando
                        contrastes que podrían llegar a ser impactantes
                        a la vista de los usuarios que ingresen. La
                        página web es manejada a dos columnas
                        Marca

                        Desde un principio se manejo el logo que fue
                        conocido hasta hace poco del elefante y el
                        planeta, sobre texto de animal planet y el uso
                        del color verde también, una franja de un verde
                        más claro que después en una versión más
                        moderna no va a estar.
                        Tecnologia:

                        En 1997 la pagina llevaba un año de ser abierta
                        hasta ahora se estaban probando los beneficios
                        y funciones de los lenguajes de programación,
                        así que por lo mismo la pagina era bastante
                        sencilla con una resolución en las imágenes
                        bastante pobres solo estaban preocupados por
                        mostrarse como empresa con su visión y misión
                        en la home. A partir Html
SITIO 1: ANIMAL PLANE                           2002
                        Diseño:

                        Continúa el manejo del color verde y
                        sus matices, pero ya de una forma
                        más agradable ya no solo manejan a
                        información en dos columnas sino que
                        manejan una diagramación mejor
                        estructurada donde ya empiezan a
                        condensar      la    información    en
                        diferentes links y no todo en una sola
                        ventana. La imágenes que se ponen
                        en la pagina ya eran de mejor calidad.

                        Marca
                        Continua el logo del elefante con el
                        planeta y se siguen manejando los
                        verdes en toda su imagen, aun no
                        presenta cambio como marca.

                        Tecnología:
                        Continúan manejando el lenguaje de
                        programación Html y Java script.
SITIO 1: ANIMAL PLANE   Diseño:                2006
                        La página ya se empieza a manejar
                        centrada como es ahora el uso de
                        todas las paginas. Su diagramación
                        evoluciono ubicando ya banner(slide)
                        en la parte superior que muestra el
                        resumen de la pagina. La pagina ya
                        cuenta con videos y con fan site
                        No solo se queda ahora en los
                        verdes sino que hacen uso del negro
                        lo que le da un poco mas de fuerza a
                        la pagina

                        Marca

                        El logo evoluciono un poco al usar
                        ahora únicamente dos tonos de
                        verde y el blanco pero manteniendo
                        el elefante y el planeta tierra, la
                        marca con estos cambios ya se ve
                        un más juvenil.

                        Tecnología:

                        Continúan manejando el lenguaje de
                        programación Html y Java script.
SITIO 1: ANIMAL PLANE             2012
                        Diseño:

                        La página cambia
                        totalmente tanto sus
                        colores, como la
                        diagramación de los
                        elementos de toda la
                        página ahora es más
                        dinámica y permite
                        mayor      interacción
                        con el usuario.
                        Ahora le plantea
                        formas más claras
                        de encontrar lo que
                        está         buscando
                        mejorando            la
                        usabilidad     de    la
                        Marca:
                        página.
                        Para el año 2012 el logo ha cambiado ya se trata únicamente del uso de tipografía
                        haciendo uso del nombre del canal. Se ve como una marca más juvenil y con una
                        personalidad más definida y más fuerte.
                        Tecnología:
                        Continúan manejando el lenguaje de programación HTML y Java script.
2008




                                                                             SITIO 2: ESPN
Diseño:
ESPN utiliza un fondo
degradado de rojo a gris
debido a que son los
colores           corporativos,
intentando       resaltar   los
títulos y los links. Tiene una
diagramación sencilla y de
fácil    lectura,     depende
mucho del mercado que
tienen y de lo legible que
debe ser para los lectores.
Marca
El logotipo de ESPN está ya posicionado en el mercado y no ha sido tan
modificado como la competencia y siempre le dan mas importancia a el
contenido y que manejan ¨el deporte¨ pero como estandarte el futbol, y eso
se refleja en su diagramación.
Tecnología:
La página fue diseñada en código html, debido a que la pagina debe ser
sencilla y simple para su fácil navegación, es importante entonces no
complicar la navegabilidad y menos al momento de cargar el contenido de
la pagina.
2009, 2011 y 201




                                                                               SITIO 2: ESPN
Diseño:
Como se puede notar la pagina desde su creación es siempre igual,
utilizando los mismos colores y la misma diagramación, solo sumando mas
links de contenido para más información del usuario y en algunos casos
banner informativos sobre las nuevas extensiones de la marca.
Marca:
El logotipo no es modificado y conserva la misma imagen en todo su aspecto,
a finales del 2011 ESPN desarrollaría una extensión de marca con ESPN
play entre otros para así poder abarca el mercado con mayor interactividad y
alcance para brindar mejor y mas precisa información inmediata. Y eso se
puede evidenciar en los banner del modelo de pagina del 2012.
Tecnología:
Durante los 5 años que lleva la pagina al aire, siempre utiliza la misma
tecnología html.
SITIO 3: TLC                                                                    1999
                                                                   Diseño:

                                                                   El diseño de la pagina
                                                                   era en columnas, en
                                                                   colores negro: donde se
                                                                   situaba el logo en la
                                                                   parte superior izquierda y
                                                                   además se encontraba
                                                                   un       banner        con
                                                                   información ambiental, y
                                                                   de fondo de pantalla un
                                                                   color naranja.

                                                                   Marca:

                                                                   En su inicio no tenia logo
                                                                   definido, se manejaba
               Tecnología:                                         bajo el canal Discovery,
                                                                   con su logo que era el
               Se hizo a partir de HTML con leguaje Java Script,   planeta tierra en medio
               era juna pagina muy básica con imágenes bastante    de       las     palabras
               pobres en resolución.                               DISCOVERY CHANNEL.
SITIO 3: TLC   2003
               Diseño:

               Se hace innovación
               en cuanto al diseño,
               se implementa un
               barra de inicio, se
               centra            la
               información ya no
               va por columnas, en
               el espacio restante
               se pone un menú de
               información , la
               resolución de las
               imágenes mejora, y     Marca:
               los colores también    Se implementa el logo, ahora son las iniciales TLC en
                                      blanco y rojo y también adquieren un slogan “LIFE
               se modifican, se
                                                         UNSCRIPTED”
               trabaja sobre rojo y
               blanco con negro       Tecnología:
               para la barra de       Siguen trabajando con HTML y Java Script.
               inicio y algunas
SITIO 3: TLC                                                                            2008
                                                                                  Diseño:

                                                                                   Se centra la
                                                                                   pagina       total,
                                                                                   como se hace
                                                                                   mas uso de las
                                                                                   imágenes       que
                                                                                   del    texto    se
                                                                                   sigue trabajando
                                                                                   los        colores
                                                                                   blanco rojo y
                                                                                   negro, y en la
                                                                                   parte derecha de
               Marca:                                                              la pagina se deja
               Se vuelve a modificar el logo esta vez las iniciales quedan blancas una de cuadros
                                                                                   dentro barra de
               rojos, aunque son mayúsculas, la tipografía cambia lo que hace que se vea un poco
                                                                                   videos.
               mas amigable la marca, no tan seria, mas allegada al consumidor y su slogan también
               cambia “LIFE SURPRISES” lo que también hace mas cercana la marca.

               Tecnología:
               También se modifica su lenguaje de programación, se hace uso de XHTML 1.0 y Java
               Script1.
SITIO 3: TLC


               2011
               Diseño:
               Cambia totalmente, se trabaja sobre un fondo totalmente blanco, la barra de
               videos se establece en la parte inferior, el contenido es muy poco en cuanto
               a textos manejan dos barras d e menú en la parte superior en color gris.
               Marca:
               El logo se mantiene pero se suprime el slogan, solo se soporta bajo la frase
               “                A                 DISCOVERY                    COMPANY”.
               Tecnología:
               continúan con XHTML 1.0 y Java Script .

Más contenido relacionado

La actualidad más candente

La actualidad más candente (8)

Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2
 
Desarrollo power point
Desarrollo power pointDesarrollo power point
Desarrollo power point
 
Power point 98 2007
Power point 98  2007Power point 98  2007
Power point 98 2007
 
Diapositiva convergencia
Diapositiva convergenciaDiapositiva convergencia
Diapositiva convergencia
 
Presentacion Powerpoint samuel alvarado diaz
Presentacion Powerpoint samuel alvarado diazPresentacion Powerpoint samuel alvarado diaz
Presentacion Powerpoint samuel alvarado diaz
 
Power point
Power pointPower point
Power point
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Plkjcjchcjcjcjcjcj
PlkjcjchcjcjcjcjcjPlkjcjchcjcjcjcjcj
Plkjcjchcjcjcjcjcj
 

Destacado

Perfil del emprendedor_ecuatoriano
Perfil del emprendedor_ecuatorianoPerfil del emprendedor_ecuatoriano
Perfil del emprendedor_ecuatorianoDiego Fuertes Romo
 
Acta pleno extraordinario y urgente 30 marzo 2012
Acta pleno extraordinario y urgente 30 marzo 2012Acta pleno extraordinario y urgente 30 marzo 2012
Acta pleno extraordinario y urgente 30 marzo 2012upydalcorcon
 
Moción modernización comercio
Moción modernización comercioMoción modernización comercio
Moción modernización comercioupydalcorcon
 
La nanotecnologia
La nanotecnologiaLa nanotecnologia
La nanotecnologiaMaria Arias
 
Impresora de inyeccion
Impresora de inyeccionImpresora de inyeccion
Impresora de inyeccionnorida0705
 
Teoremadethalespruebarocket 121009212901-phpapp01
Teoremadethalespruebarocket 121009212901-phpapp01Teoremadethalespruebarocket 121009212901-phpapp01
Teoremadethalespruebarocket 121009212901-phpapp01Naldy Sepúlveda
 
Congreso nacional de Pymes Murcia - Fidelización
Congreso nacional de Pymes Murcia - FidelizaciónCongreso nacional de Pymes Murcia - Fidelización
Congreso nacional de Pymes Murcia - FidelizaciónHuellas en la Red
 
Mi familia y otros animales (3)
Mi familia y otros animales (3)Mi familia y otros animales (3)
Mi familia y otros animales (3)lacaracola
 
Taller de nee
Taller de neeTaller de nee
Taller de neeclarele
 
Cuando cierren el portón
Cuando cierren el portónCuando cierren el portón
Cuando cierren el portóngerardoiglesias
 
Mas informacion y menos conocimiento2
Mas informacion y menos conocimiento2Mas informacion y menos conocimiento2
Mas informacion y menos conocimiento2jorgekabala
 
Trabajo sobre "Redaccion de los Objetivos específicos" / UNMSM
Trabajo sobre "Redaccion de los Objetivos específicos" / UNMSMTrabajo sobre "Redaccion de los Objetivos específicos" / UNMSM
Trabajo sobre "Redaccion de los Objetivos específicos" / UNMSMHéctor Núñez
 
Conacta nutrilink presentacion salud remedio alimentos
Conacta   nutrilink presentacion salud remedio alimentosConacta   nutrilink presentacion salud remedio alimentos
Conacta nutrilink presentacion salud remedio alimentosSergio Jaller
 
Elementos de video
Elementos de videoElementos de video
Elementos de videorinkiji
 

Destacado (20)

Perfil del emprendedor_ecuatoriano
Perfil del emprendedor_ecuatorianoPerfil del emprendedor_ecuatoriano
Perfil del emprendedor_ecuatoriano
 
Acta pleno extraordinario y urgente 30 marzo 2012
Acta pleno extraordinario y urgente 30 marzo 2012Acta pleno extraordinario y urgente 30 marzo 2012
Acta pleno extraordinario y urgente 30 marzo 2012
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Moción modernización comercio
Moción modernización comercioMoción modernización comercio
Moción modernización comercio
 
Deber de compu
Deber de compuDeber de compu
Deber de compu
 
La nanotecnologia
La nanotecnologiaLa nanotecnologia
La nanotecnologia
 
Impresora de inyeccion
Impresora de inyeccionImpresora de inyeccion
Impresora de inyeccion
 
Teoremadethalespruebarocket 121009212901-phpapp01
Teoremadethalespruebarocket 121009212901-phpapp01Teoremadethalespruebarocket 121009212901-phpapp01
Teoremadethalespruebarocket 121009212901-phpapp01
 
Congreso nacional de Pymes Murcia - Fidelización
Congreso nacional de Pymes Murcia - FidelizaciónCongreso nacional de Pymes Murcia - Fidelización
Congreso nacional de Pymes Murcia - Fidelización
 
Presentacion sociales
Presentacion socialesPresentacion sociales
Presentacion sociales
 
Actividad
ActividadActividad
Actividad
 
Mi familia y otros animales (3)
Mi familia y otros animales (3)Mi familia y otros animales (3)
Mi familia y otros animales (3)
 
Taller de nee
Taller de neeTaller de nee
Taller de nee
 
Cuando cierren el portón
Cuando cierren el portónCuando cierren el portón
Cuando cierren el portón
 
Mas informacion y menos conocimiento2
Mas informacion y menos conocimiento2Mas informacion y menos conocimiento2
Mas informacion y menos conocimiento2
 
Blogueros.docx
Blogueros.docxBlogueros.docx
Blogueros.docx
 
Trabajo sobre "Redaccion de los Objetivos específicos" / UNMSM
Trabajo sobre "Redaccion de los Objetivos específicos" / UNMSMTrabajo sobre "Redaccion de los Objetivos específicos" / UNMSM
Trabajo sobre "Redaccion de los Objetivos específicos" / UNMSM
 
Conacta nutrilink presentacion salud remedio alimentos
Conacta   nutrilink presentacion salud remedio alimentosConacta   nutrilink presentacion salud remedio alimentos
Conacta nutrilink presentacion salud remedio alimentos
 
Elementos de video
Elementos de videoElementos de video
Elementos de video
 
Verins
VerinsVerins
Verins
 

Similar a Analisis web (20)

Análisis tres relevantes
Análisis tres relevantesAnálisis tres relevantes
Análisis tres relevantes
 
Análisis de una página web
Análisis de una página webAnálisis de una página web
Análisis de una página web
 
Analisis sitio web
Analisis sitio webAnalisis sitio web
Analisis sitio web
 
Analisis pagina de internet
Analisis pagina de internetAnalisis pagina de internet
Analisis pagina de internet
 
Actividad N°3 II
Actividad N°3 IIActividad N°3 II
Actividad N°3 II
 
Manual innova
Manual innovaManual innova
Manual innova
 
Manual corporativo oe
Manual corporativo oeManual corporativo oe
Manual corporativo oe
 
Sitio web
Sitio webSitio web
Sitio web
 
Análisis sitios web
Análisis sitios web Análisis sitios web
Análisis sitios web
 
Webby awards ejercicio
Webby awards ejercicioWebby awards ejercicio
Webby awards ejercicio
 
El diseño web
El diseño webEl diseño web
El diseño web
 
El diseño web
El diseño webEl diseño web
El diseño web
 
FLASH
FLASHFLASH
FLASH
 
Info
InfoInfo
Info
 
Parte webby 1
Parte webby 1Parte webby 1
Parte webby 1
 
Manual corporativo OE
Manual corporativo OEManual corporativo OE
Manual corporativo OE
 
Trabajopractico2
Trabajopractico2Trabajopractico2
Trabajopractico2
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajopractico2
Trabajopractico2Trabajopractico2
Trabajopractico2
 
Wed
WedWed
Wed
 

Más de BORRAIS

Infografia
InfografiaInfografia
InfografiaBORRAIS
 
Usabilidad y diseño
Usabilidad y diseño Usabilidad y diseño
Usabilidad y diseño BORRAIS
 
Usabilidad y diseño fin
Usabilidad y diseño finUsabilidad y diseño fin
Usabilidad y diseño finBORRAIS
 
Descripcion sitios
Descripcion sitiosDescripcion sitios
Descripcion sitiosBORRAIS
 
Descripcion sitios
Descripcion sitiosDescripcion sitios
Descripcion sitiosBORRAIS
 
Presentación1
Presentación1Presentación1
Presentación1BORRAIS
 

Más de BORRAIS (6)

Infografia
InfografiaInfografia
Infografia
 
Usabilidad y diseño
Usabilidad y diseño Usabilidad y diseño
Usabilidad y diseño
 
Usabilidad y diseño fin
Usabilidad y diseño finUsabilidad y diseño fin
Usabilidad y diseño fin
 
Descripcion sitios
Descripcion sitiosDescripcion sitios
Descripcion sitios
 
Descripcion sitios
Descripcion sitiosDescripcion sitios
Descripcion sitios
 
Presentación1
Presentación1Presentación1
Presentación1
 

Analisis web

  • 1. ANÁLISIS SITIOS WEB A TRAVÉS DEL TIEMPO
  • 2. SITIO 1: ANIMAL PLANE 1997 Diseño: Siempre manejando el color verde que es el color de la naturaleza por excelencia. Tanto asi que la imagen ya llega a ser bastante cargada hacia los verdes llegando a saturar evitando contrastes que podrían llegar a ser impactantes a la vista de los usuarios que ingresen. La página web es manejada a dos columnas Marca Desde un principio se manejo el logo que fue conocido hasta hace poco del elefante y el planeta, sobre texto de animal planet y el uso del color verde también, una franja de un verde más claro que después en una versión más moderna no va a estar. Tecnologia: En 1997 la pagina llevaba un año de ser abierta hasta ahora se estaban probando los beneficios y funciones de los lenguajes de programación, así que por lo mismo la pagina era bastante sencilla con una resolución en las imágenes bastante pobres solo estaban preocupados por mostrarse como empresa con su visión y misión en la home. A partir Html
  • 3. SITIO 1: ANIMAL PLANE 2002 Diseño: Continúa el manejo del color verde y sus matices, pero ya de una forma más agradable ya no solo manejan a información en dos columnas sino que manejan una diagramación mejor estructurada donde ya empiezan a condensar la información en diferentes links y no todo en una sola ventana. La imágenes que se ponen en la pagina ya eran de mejor calidad. Marca Continua el logo del elefante con el planeta y se siguen manejando los verdes en toda su imagen, aun no presenta cambio como marca. Tecnología: Continúan manejando el lenguaje de programación Html y Java script.
  • 4. SITIO 1: ANIMAL PLANE Diseño: 2006 La página ya se empieza a manejar centrada como es ahora el uso de todas las paginas. Su diagramación evoluciono ubicando ya banner(slide) en la parte superior que muestra el resumen de la pagina. La pagina ya cuenta con videos y con fan site No solo se queda ahora en los verdes sino que hacen uso del negro lo que le da un poco mas de fuerza a la pagina Marca El logo evoluciono un poco al usar ahora únicamente dos tonos de verde y el blanco pero manteniendo el elefante y el planeta tierra, la marca con estos cambios ya se ve un más juvenil. Tecnología: Continúan manejando el lenguaje de programación Html y Java script.
  • 5. SITIO 1: ANIMAL PLANE 2012 Diseño: La página cambia totalmente tanto sus colores, como la diagramación de los elementos de toda la página ahora es más dinámica y permite mayor interacción con el usuario. Ahora le plantea formas más claras de encontrar lo que está buscando mejorando la usabilidad de la Marca: página. Para el año 2012 el logo ha cambiado ya se trata únicamente del uso de tipografía haciendo uso del nombre del canal. Se ve como una marca más juvenil y con una personalidad más definida y más fuerte. Tecnología: Continúan manejando el lenguaje de programación HTML y Java script.
  • 6. 2008 SITIO 2: ESPN Diseño: ESPN utiliza un fondo degradado de rojo a gris debido a que son los colores corporativos, intentando resaltar los títulos y los links. Tiene una diagramación sencilla y de fácil lectura, depende mucho del mercado que tienen y de lo legible que debe ser para los lectores. Marca El logotipo de ESPN está ya posicionado en el mercado y no ha sido tan modificado como la competencia y siempre le dan mas importancia a el contenido y que manejan ¨el deporte¨ pero como estandarte el futbol, y eso se refleja en su diagramación. Tecnología: La página fue diseñada en código html, debido a que la pagina debe ser sencilla y simple para su fácil navegación, es importante entonces no complicar la navegabilidad y menos al momento de cargar el contenido de la pagina.
  • 7. 2009, 2011 y 201 SITIO 2: ESPN Diseño: Como se puede notar la pagina desde su creación es siempre igual, utilizando los mismos colores y la misma diagramación, solo sumando mas links de contenido para más información del usuario y en algunos casos banner informativos sobre las nuevas extensiones de la marca. Marca: El logotipo no es modificado y conserva la misma imagen en todo su aspecto, a finales del 2011 ESPN desarrollaría una extensión de marca con ESPN play entre otros para así poder abarca el mercado con mayor interactividad y alcance para brindar mejor y mas precisa información inmediata. Y eso se puede evidenciar en los banner del modelo de pagina del 2012. Tecnología: Durante los 5 años que lleva la pagina al aire, siempre utiliza la misma tecnología html.
  • 8. SITIO 3: TLC 1999 Diseño: El diseño de la pagina era en columnas, en colores negro: donde se situaba el logo en la parte superior izquierda y además se encontraba un banner con información ambiental, y de fondo de pantalla un color naranja. Marca: En su inicio no tenia logo definido, se manejaba Tecnología: bajo el canal Discovery, con su logo que era el Se hizo a partir de HTML con leguaje Java Script, planeta tierra en medio era juna pagina muy básica con imágenes bastante de las palabras pobres en resolución. DISCOVERY CHANNEL.
  • 9. SITIO 3: TLC 2003 Diseño: Se hace innovación en cuanto al diseño, se implementa un barra de inicio, se centra la información ya no va por columnas, en el espacio restante se pone un menú de información , la resolución de las imágenes mejora, y Marca: los colores también Se implementa el logo, ahora son las iniciales TLC en blanco y rojo y también adquieren un slogan “LIFE se modifican, se UNSCRIPTED” trabaja sobre rojo y blanco con negro Tecnología: para la barra de Siguen trabajando con HTML y Java Script. inicio y algunas
  • 10. SITIO 3: TLC 2008 Diseño: Se centra la pagina total, como se hace mas uso de las imágenes que del texto se sigue trabajando los colores blanco rojo y negro, y en la parte derecha de Marca: la pagina se deja Se vuelve a modificar el logo esta vez las iniciales quedan blancas una de cuadros dentro barra de rojos, aunque son mayúsculas, la tipografía cambia lo que hace que se vea un poco videos. mas amigable la marca, no tan seria, mas allegada al consumidor y su slogan también cambia “LIFE SURPRISES” lo que también hace mas cercana la marca. Tecnología: También se modifica su lenguaje de programación, se hace uso de XHTML 1.0 y Java Script1.
  • 11. SITIO 3: TLC 2011 Diseño: Cambia totalmente, se trabaja sobre un fondo totalmente blanco, la barra de videos se establece en la parte inferior, el contenido es muy poco en cuanto a textos manejan dos barras d e menú en la parte superior en color gris. Marca: El logo se mantiene pero se suprime el slogan, solo se soporta bajo la frase “ A DISCOVERY COMPANY”. Tecnología: continúan con XHTML 1.0 y Java Script .