SlideShare una empresa de Scribd logo
1 de 18
Anatomía de la
web
Julián Peña
Ashly Caicedo
Alejandra Sierra
CABEZOTE
PORTADA
PARTE B
REMATE
DIANA DANIELI
https://en.dianadanieli.com/
Como se puede observar, la
página maneja un estilo
minimalista con colores
muy neutros como lo son el
negro, blanco y algo de rojo
que dan una sensación de
elegancia y prestigio.
EXPERIENCIA
La experiencia tanto desde el computador
como desde el celular es muy similar, se
empieza con una página de inicio muy
atractiva e interactiva, para que el usuario
aprecie los diseños y estilos de la página.
Además es una interfaz muy eficaz, objetiva y
fácil de usar ya que tiene un menú en el que
se puede acceder a toda la información que el
usuario requiere y además esta información
se presenta de forma ordenada.
Vista mobile
PORCENTAJE
El sitio web tiene un porcentaje de
imagenes de 90% y 10% de texto en su
página principal. No cuenta con video
introductorio, sin embargo se puede
apreciar una interacción de las imágenes
al pasar el mouse por encima sin
realizar click. En este apartado
introductorio el porcentaje de imagen es
del 98% y solo un 2% de texto.
Que les llamó la atención de la web?
Esta web nos llamó la atención ya que nos parece que es una interfaz muy limpia, con
pocas opciones que permiten que el usuario encuentre todo lo que necesita fácilmente.
Además la parte introductoria es un poco diferente a los sitios web comunes ya que para
acceder a la página principal toca presionar por 5 segundo el botón de inicio y
posteriormente se aprecia una imagen diferente entonces nos parece muy dinámico y
elegante.
Adult Swim [as]
Cabezote
Portada
adult swim [as]
parte b
remate
EXPERIENCIA CON EL USUARIO
El interfaz de esta página es muy interactivo, porque como pudimos ver en las imágenes
anteriores, para poder entrar a la página principal de la web debemos hacer click en los ojos del
animal para poder acceder a la música. por otro lado, en el cabezote de la web podemos ver que
el logo de la empresa se encuentra en el lado izquierdo y en esta misma sesión podemos tener
acceso a los otras pestañas de este sitio web.
Porcentaje de texto e imágenes.
Cuando estamos en la parte A y la parte B del site. El componente de imágenes en el site es de
aproximadamente un 98% y el 2% restante pertenece al texto. Sin embargo, cuando entramos a
las diferentes pestañas del sitio, el porcentaje de la de las imágenes que usa la red se reducen a
un 90% y el texto compone el 10% del contenido.
Que les llamó la atención de la web ?
Es la primera vez que vemos un sitio web diferente a youtube o spotify, en el cual se tiene área de
música, un formato interactivo diferente a los que vemos en las webs anteriormente
mencionadas. También, nos pareció muy llamativo la premisa que usan para que las personas
logren conectarse con la música que les gusta. Después y para terminar con esta reflexión, al
momento de entrar a las otras pestañas de la web su estructura es parecida a las formatos
convencionales. Sin embargo, nos parece que el apartado de música es muy innovador.
Food and drinks (KOPKE)
PORTADA
Food and drinks
CABEZOTE
PORTADA
EXPERIENCIA
Esta página web, tiene un interfaz muy interactivo. Su diseño se basa en una experiencia
visual y con música de fondo que acompaña el recorrido a través del sitio web.
El porcentaje de imágenes o videos en la página de
inicio es cerca de un 90 - 95%, dejando un espacio
mínimo para algún tipo de información textual
como la marca e información de la misma
(Antigüedad del vino).
Por otro lado, a lo largo de las otras ventanas del
sitio web, el porcentaje de imágenes se reduce a
un 60-70% dado que aparecen más textos
especificando características o momentos
históricos.
Este sitio web nos llamó la atención dado su
estructura se basa en contar la historia alrededor
de la marca KOPKE como vino portugués. Lo
anterior, hace que sus transiciones sean como
momentos en el tiempo. Así mismo, esta página se
apoya en elementos como la música que ambienta
al usuario que navega en ella y representa la
imagen de la marca por la antigüedad. Finalmente,
lo que más nos llamó la atención es que el sitio
web buscó caracterizar y personalizar la marca.

Más contenido relacionado

Similar a Anatomia de la web

Analisis de una pagina web.
Analisis de una pagina web.Analisis de una pagina web.
Analisis de una pagina web.
LisBarraza
 

Similar a Anatomia de la web (20)

Taller 4 emi 2
Taller 4 emi 2Taller 4 emi 2
Taller 4 emi 2
 
Taller 4 emi
Taller 4 emiTaller 4 emi
Taller 4 emi
 
Analisis sitioweb
Analisis sitiowebAnalisis sitioweb
Analisis sitioweb
 
Analisis sitio web
Analisis sitio webAnalisis sitio web
Analisis sitio web
 
Analisis Sitios Web JGB
Analisis Sitios Web JGBAnalisis Sitios Web JGB
Analisis Sitios Web JGB
 
Paginas web
Paginas webPaginas web
Paginas web
 
Análisis Internet
Análisis InternetAnálisis Internet
Análisis Internet
 
Anatomia de las paginas web
Anatomia de las paginas webAnatomia de las paginas web
Anatomia de las paginas web
 
Alejandro madri
Alejandro madriAlejandro madri
Alejandro madri
 
Ejercicio Webby Awards y tendencias del marketing
Ejercicio Webby Awards y tendencias del marketingEjercicio Webby Awards y tendencias del marketing
Ejercicio Webby Awards y tendencias del marketing
 
User experience
User experienceUser experience
User experience
 
Dcto1
Dcto1Dcto1
Dcto1
 
Análisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio WebAnálisis Semiótico de un Sitio Web
Análisis Semiótico de un Sitio Web
 
Paginas web Webby Awards
Paginas web Webby AwardsPaginas web Webby Awards
Paginas web Webby Awards
 
Analisis página-internet
Analisis página-internetAnalisis página-internet
Analisis página-internet
 
Examen transversal
Examen transversalExamen transversal
Examen transversal
 
Analisis de una pagina web.
Analisis de una pagina web.Analisis de una pagina web.
Analisis de una pagina web.
 
Elementos de la web
Elementos de la webElementos de la web
Elementos de la web
 
Parte webby 1
Parte webby 1Parte webby 1
Parte webby 1
 
Picture Trial
Picture TrialPicture Trial
Picture Trial
 

Último

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 

Último (20)

BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 

Anatomia de la web

  • 1. Anatomía de la web Julián Peña Ashly Caicedo Alejandra Sierra
  • 2. CABEZOTE PORTADA PARTE B REMATE DIANA DANIELI https://en.dianadanieli.com/ Como se puede observar, la página maneja un estilo minimalista con colores muy neutros como lo son el negro, blanco y algo de rojo que dan una sensación de elegancia y prestigio.
  • 3. EXPERIENCIA La experiencia tanto desde el computador como desde el celular es muy similar, se empieza con una página de inicio muy atractiva e interactiva, para que el usuario aprecie los diseños y estilos de la página. Además es una interfaz muy eficaz, objetiva y fácil de usar ya que tiene un menú en el que se puede acceder a toda la información que el usuario requiere y además esta información se presenta de forma ordenada. Vista mobile
  • 4. PORCENTAJE El sitio web tiene un porcentaje de imagenes de 90% y 10% de texto en su página principal. No cuenta con video introductorio, sin embargo se puede apreciar una interacción de las imágenes al pasar el mouse por encima sin realizar click. En este apartado introductorio el porcentaje de imagen es del 98% y solo un 2% de texto.
  • 5. Que les llamó la atención de la web? Esta web nos llamó la atención ya que nos parece que es una interfaz muy limpia, con pocas opciones que permiten que el usuario encuentre todo lo que necesita fácilmente. Además la parte introductoria es un poco diferente a los sitios web comunes ya que para acceder a la página principal toca presionar por 5 segundo el botón de inicio y posteriormente se aprecia una imagen diferente entonces nos parece muy dinámico y elegante.
  • 9.
  • 10. EXPERIENCIA CON EL USUARIO El interfaz de esta página es muy interactivo, porque como pudimos ver en las imágenes anteriores, para poder entrar a la página principal de la web debemos hacer click en los ojos del animal para poder acceder a la música. por otro lado, en el cabezote de la web podemos ver que el logo de la empresa se encuentra en el lado izquierdo y en esta misma sesión podemos tener acceso a los otras pestañas de este sitio web.
  • 11. Porcentaje de texto e imágenes. Cuando estamos en la parte A y la parte B del site. El componente de imágenes en el site es de aproximadamente un 98% y el 2% restante pertenece al texto. Sin embargo, cuando entramos a las diferentes pestañas del sitio, el porcentaje de la de las imágenes que usa la red se reducen a un 90% y el texto compone el 10% del contenido.
  • 12. Que les llamó la atención de la web ? Es la primera vez que vemos un sitio web diferente a youtube o spotify, en el cual se tiene área de música, un formato interactivo diferente a los que vemos en las webs anteriormente mencionadas. También, nos pareció muy llamativo la premisa que usan para que las personas logren conectarse con la música que les gusta. Después y para terminar con esta reflexión, al momento de entrar a las otras pestañas de la web su estructura es parecida a las formatos convencionales. Sin embargo, nos parece que el apartado de música es muy innovador.
  • 13. Food and drinks (KOPKE) PORTADA
  • 15.
  • 16. EXPERIENCIA Esta página web, tiene un interfaz muy interactivo. Su diseño se basa en una experiencia visual y con música de fondo que acompaña el recorrido a través del sitio web.
  • 17. El porcentaje de imágenes o videos en la página de inicio es cerca de un 90 - 95%, dejando un espacio mínimo para algún tipo de información textual como la marca e información de la misma (Antigüedad del vino). Por otro lado, a lo largo de las otras ventanas del sitio web, el porcentaje de imágenes se reduce a un 60-70% dado que aparecen más textos especificando características o momentos históricos.
  • 18. Este sitio web nos llamó la atención dado su estructura se basa en contar la historia alrededor de la marca KOPKE como vino portugués. Lo anterior, hace que sus transiciones sean como momentos en el tiempo. Así mismo, esta página se apoya en elementos como la música que ambienta al usuario que navega en ella y representa la imagen de la marca por la antigüedad. Finalmente, lo que más nos llamó la atención es que el sitio web buscó caracterizar y personalizar la marca.

Notas del editor

  1. .