Trabajo EMI. Webby Awards Webpages

1. WEBBY AWARDS
VALERIA PEÑA ROMERO
JUAN CAMILO QUINTERO

2. SITIOS WEB
Google store
Best general websites for shopping
School of sustainability
Best Use of Video or Moving Image

3. Google Store
For Google made devices and Accessories

4. Anatomía del website
• Portada, header y menú en
el primer vistazo del
usuario
• Buscan hacer énfasis en su
principal producto (Google
Pixel 4), y continúan con
vistas en miniatura de sus
demás productos.
Parte A.
Anatomía del website
• Portada, header y menú en
el primer vistazo del
usuario
• Buscan hacer énfasis en su
principal producto (Google
Pixel 4), y continúan con
vistas en miniatura de sus
demás productos.
• Portada, header y menú en
el primer vistazo del
usuario
• Buscan hacer énfasis en su
principal producto (Google
Pixel 4), y continúan con
vistas en miniatura de sus
demás productos.

5. Anatomía del website
Parte B.
Anatomía del website
• Muestran un producto que
están promocionando
fuertemente (Nest Wifi –
Nest Sound).
• Seguido por categorías que
puede ser interesantes
para el usuario(Pixelbook,
Gaming y Google Home)
• Muestran un producto que
están promocionando
fuertemente (Nest Wifi –
Nest Sound).
• Seguido por categorías que
puede ser interesantes
para el usuario(Pixelbook,
Gaming y Google Home)
• Muestran un producto que
están promocionando
fuertemente (Nest Wifi –
Nest Sound).
• Seguido por categorías que
puede ser interesantes
para el usuario(Pixelbook,
Gaming y Google Home)

6. Anatomía del websiteAnatomía del websiteAnatomía del website
Remate
• Al final de su website,
intentan atraer al usuario a
suscribirse a los servicios
de Google, y de esta forma
convertirlo en otro cliente
comercial
• Cierran con un footer
estándar, y cabe la pena
notar la limpieza de la
página web, no muestra
nada más de lo que quiere
que cualquier usuario
tenga presente.
• Al final de su website,
intentan atraer al usuario a
suscribirse a los servicios
de Google, y de esta forma
convertirlo en otro cliente
comercial
• Cierran con un footer
estándar, y cabe la pena
notar la limpieza de la
página web, no muestra
nada más de lo que quiere
que cualquier usuario
tenga presente.
• Al final de su website,
intentan atraer al usuario a
suscribirse a los servicios
de Google, y de esta forma
convertirlo en otro cliente
comercial
• Cierran con un footer
estándar, y cabe la pena
notar la limpieza de la
página web, no muestra
nada más de lo que quiere
que cualquier usuario
tenga presente.

7. Comparación con la mobile websiteComparación con la mobile website
Dispositivos móviles
• La interfaz la intentaron
hacer lo más simple
posible.
• Muestran la misma
información que su versión
de Desktop, pero siendo
adaptativa a todo
dispositivo desde el que se
esté visitando su página
• La interfaz la intentaron
hacer lo más simple
posible.
• Muestran la misma
información que su versión
de Desktop, pero siendo
adaptativa a todo
dispositivo desde el que se
esté visitando su página
• La interfaz la intentaron
hacer lo más simple
posible.
• Muestran la misma
información que su versión
de Desktop, pero siendo
adaptativa a todo
dispositivo desde el que se
esté visitando su página

8. Header: está compuesto por el menú, donde
contiene preguntas para conocer más acerca de
la serie.
SCHOOL OF SUSTAINABILITY
HTTPS://WWW.ESCUELASOSTENIBILIDAD.COM/EN/BRIAN
Cambio de
idioma

9. Portada
Presionando este
botón se visualizan
cada capítulo de la
serie.

10. Cuerpo: De acuerdo con el capítulo que esté en la pantalla principal aparece en esta parte un
dato sobre el tema tratado en el capítulo.

11. Al hacer clic en el botón se abre otra
imagen sobre esta dando la biografía de
los personajes que allí aparecen.

12. Remate: Finaliza dando un mensaje reflexivo y en el footer los logos de la
empresa con su nombre en diferentes países

13. En su versión para dispositivos móviles muestran el mismo contenido que en
el web y se adecua perfectamente.