El documento analiza diferentes páginas web y su diseño, identificando elementos como el uso del espacio en blanco, la ubicación del logo, el menú de navegación y la inclusión de redes sociales. Se clasifican los sitios por tipo, como páginas de medios informativos, galerías de imágenes o sitios administrables. Además, se identifica si las páginas son responsive para adaptarse a dispositivos móviles.

1. Bryan Gómez
Leidy J. Herrera
Jessica López

3. Logo
Navegación
White
space
Contenido
Tiene muchos whitespaces
en los que podría poner más
información que sea de
relevancia para el
consumidor. Además, el
menú de navegación es muy
amplio, esto hace que el
consumidor no sepa cual
elegir o cuál le será útil en
el momento.

4. Footer
Whitespace
Contenido
Redes
Sociales
Contiene la información de
contacto y de las redes
sociales (Facebook, YouTube,
entre otros) donde se
pueden encontrar.

5. Logo
Contenido
Navegación
El menú de navegación no
es muy extenso, por lo tanto
es mucho más fácil para el
consumidor encontrar la
información que necesita.
A pesar de que la marca es
muy pequeña, por el
contenido de la página web
se puede identificar la
marca.

6. Contenido
Footer
Redes
sociales
Hacen un buen uso de los
Whitespaces. Estos espacios
ayudan a que la página web
no se vea saturada.
Contiene la información de
contacto y de las redes
sociales, lo cual es muy
importante debido al boom
del marketing digital.

7. Contenido
Footer
Logo
Navegación
El menú de navegación es
muy extenso, por lo tanto, es
más complicado para el
consumidor encontrar la
información que necesita.
El logo de la marca esta en
una buena posición y con el
tamaño adecuado.

8. Contenido
Footer
Whitespace
A pesar de contener
bastante contenido, esta
página web no se ve
saturada, hacen buen uso
del espacio y en general
existe una armonía entre las
imagines y los colores.
Su contenido es de
relevancia y actualizado. Se
pueden ver noticias
nacionales e
internacionales.

9. MARCA TIPO DE PÁGINA WEB
Páginas web de Medios
informativos.
Sitio web de presencia
Galerías de imágenes.
Sitios web administrables
Sitio web de presencia.

10.  Permite que las páginas Web se puedan ver en cualquier tipo de dispositivo. En
vez de crear una Web para cada dispositivo se crea una sola website usando CSS3
que permite adaptar la representación del contenido a características de cualquier
dispositivo y de esa forma la website detecta desde qué clase de dispositivo está
accediendo el usuario para mostrar la versión más optimizada para ese medio.
Marca Responsive Web Design
Se puede optimizar para móviles.
Se puede optimizar para móviles.
No se puede optimizar para móviles.

12. Celular 2017
Teléfono móvil

15. • Error • Alerta • Aprobado

18. • Error
• Alerta
• Aprobado

21. • Error
• Alerta
• Aprobado