El documento resume la anatomía y experiencia del usuario de la página web ikeahumancatalogue.com, que promocionó una campaña de IKEA. En resumen: (1) La página sigue un diseño vertical con información y videos sobre Yanjaa, un "catálogo humano" de IKEA; (2) Los usuarios pueden interactuar con videos que muestran la memoria de Yanjaa y consejos para mejorar la memoria; (3) La página ofrece una experiencia enriquecedora y divertida con poco texto y contenido visual interesante.

1. Webby Awards
Alicia Navarro, Santiago Santibañez,
Edwin Rojas, Maria José Cardona

2. BEST SOCIAL MEDIA CAMPAIGNS

3. 1
2
3
4
5
La anatomía de la página
http://ikeahumancatalogue.com/ ,
sigue un tipo de portal vertical (al
contener información sobre un tema en
específico), combinado con un sitio
web de presencia porque, aunque la
información es estática, existen
muchos medios visuales.
1. CABEZOTE (En este caso,
prevalece el título de la
campaña más que el de IKEA).
2. SLIDER (En sí, es una foto
estática que recopila alguna
de las reacciones en redes
sociales que generó la
campaña).

4. 1
2
3
4
5
3. y 4. INF. COMPLEMENTARIA:
Entre ellas se puede interactuar
con varios videos que hacen
referencia a Yanjaa, demostrando
su sorprendente memoria. De
igual forma, muestra los tips
que ella suele usar para lograr
ese grado de recordación.
5. REMATE: La página finaliza
con algunos comentarios
personales que han dicho o
escrito famosos de todo el mundo
así como diversos medios de
comunicación que reaccionaron
frente a dicha super mente.

5. El site se presta para que el usuario viva una experiencia enriquecedora y
divertida. Esto se debe a que la página tiene poco texto y bastante contenido visual
interesante; pues no solo te están mostrando las habilidades del catálogo humano,
sino que te enseñan diversos trucos para incrementar tu capacidad de recordación.
USER EXPERIENCE IKEA CAMPAIGN
Así mismo, la página es muy fácil de
manejar, pues literal sólo es hacer
“scroll down” y accedes a toda la
información. La ventaja es que su
estilo minimalista y la paleta de
colores empleada hace que tu navegación
en el site sea amena y divertida.
Finalmente, maneja responsive web
design, demostrando que la experiencia
del usuario sigue siendo la misma, sin
importar el dispositivo electrónico que
estés usando.

6. ¿Por qué me llamó la atención?
El sitio web me llamó la atención porque es algo fuera de
lo convencional. Es increíble cómo pueden aprovecharse de
la habilidad de recordación y capacidad mental de un
individuo “común” de la sociedad y volverlo algo viral,
asociándolo con una marca como IKEA. Además, me pareció
sorprendente todas reacciones que generaron por redes
sociales, logrando que las personas de todo el mundo
lograran interactuar con Yanjaa y saciaran su curiosidad al
preguntarle a ella sobre alguna página en específico del
catálogo de la empresa. Finalmente, me pareció como dato
curioso el hecho de que quisieran compartir los tips que
ella usa para lograr recordar más cosas, así como la parte
del “enganche” en la que te invitan o “retan” a que tú
también logres ser un catálogo humano de IKEA.

7. THE BEST USER INTERFACE
WWW.GE.COM/DIGITALVOLCAN
O

8. La anatomía de la página sigue una interfaz vertical,
la cual es interactiva y muestra videos y animaciones
cada vez que el usuario da scroll hacia abajo.
Cabezote: Cuenta con unas barras verticales al lado
derecho de la página, que cumple la función del
cabezote, sin interrumpir la experiencia.
Slider: es interactivo, maneja una serie de videos,
animaciones e imágenes que permiten una interacción
más dinámica.
1
2
3
4
5
6
7
8

9. ¿Cómo considera es la experiencia del usuario? (User
Experience)
La experiencia que se puede ver en esta página es súper agradable dado a la manera tan dinámica y
real que se pueden ver los volcanes. La página se ayuda con videos de fondo en donde se puede
observar los volcanes reales y un equipo especial que se encarga de explorarlos con equipos
especiales. Es una manera muy innovadora de entender los volcanes ya que vivimos alejados de estas
experiencias. Es importante decir que cuenta con un “cabezote” ubicado de manera vertical en el
lado derecho de la página que permite el fácil uso de la misma, sin interrumpir el contenido. En
definitiva merece ser reconocida.

10. ¿Por qué me llamó la atención
https://www.ge.com/digitalvolcano?
Es muy interesante la forma en que los creadores de la página
logran establecer un vínculo con el usuario por medio de los
videos, fotos y animaciones, pues generan un interés en
seguir bajando en la página para conocer qué es lo siguiente
en la línea de tiempo expuesta. Está muy bien logrado los
tiempos de carga de los videos, en el sentido de que cuando
uno va bajando, estos se van reproduciendo, y si uno baja aún
más, estos se ponen opacos para dar paso al siguiente
contenido.

11. Ganadora
2018
Página
Web de
Ventas

12. Inicialmente, se puede apreciar un estilo completamente minimalista, en donde destacan los ítems vendidos en
un tamaño exageradamente grande con el objetivo de que resalten a la vista.
1

13. Como se apreció en la captura anterior, en la esquina superior derecha cuenta con un botón “HAMBURGUESA” que
al cliquearlo, despliega este menú el cual está enumerado y sin muchos títulos, lo que denota mucho orden.
2

14. Además del menú hamburguesa, especifica cuántos productos venden, y hay dos menús (hover dropbdown) en la
mitad, en donde “Style+” filtra los productos dependiendo de los diferentes sabores y estilos de los
productos, y “Volume+” los filtra por la cantidad de cada una de las presentaciones, está la opción de
resetear los filtros y arriba a la derecha, la opción de BUSCAR y CARRITO DE COMPRA.
3

16. Debajo de la cabecera, haciendo scroll down,
vemos la primera página de los productos de
la marca junto al nombre del producto, los
sabores de la bebida, el precio del
producto, colocar directamente las
cantidades a añadir al carrito, la opción de
“Añadir al carrito” y la fotografía enorme
del producto.
Al finalizar la primera tanda, podemos ver
el botón de “More beer”, el cual hace que
aparezcan más productos de la marca sin
enviarnos a otro link y evitar así que nos
perdamos en la página. No maneja el sistema
de paginación “/page/2”, sino que maneja el
método de “infinite scrolling”, el cual
utilizan importantes páginas como Facebook o
Twitter.
4

17. En el scroll down, al pasar el cursor sobre la imagen de los productos, podemos ver que el cursor se
convierte en un “ojito”, el cual es una herramienta que implementa la página de “quick view” para que sin
salirnos de la página inicial, nos abra un pop up con la información rápida del producto para decidir si
queremos saber más de éste.
5

18. Finalmente, encontramos en el remate, un
mosaico al lado izquierdo donde muestran
4 fotos/videos, donde una está enlazada
con un link que redirecciona al youtube
de la marca, otra al instagram, otra al
twitter y otra al facebook.
6
Al lado derecho del remate,
encontramos una casilla que invita
a poner el e-mail para recibir
noticias de la página y así, ellos
logran crear una base de datos de
LEADS calientes. Finalmente, ponen
los términos y condiciones y la
política de privacidad.

19. La experiencia de usuario es amena, ya que en todos los sentidos busca facilitar la búsqueda, recolección
de información y compra del producto. Los productos se ven en fotos grandes y con alta calidad, tienen
información clara de los ingredientes y sabores, tienen un sistema de compra demasiado práctico y
utilizan en infinite scrolling para que navegar entre los 61 productos sea mucho más sencillo. Por otro
lado, los menús son con títulos cortos y claros y están muy bien categorizados. En definitiva, dejan muy
claro por qué se hicieron acreedores al premio de mejor página web de ventas.
¿Cómo
considera es
la experiencia
del usuario?
(User
Experience)
https://garag
eproject.co.
nz/collection
s/shop

20. Nos llamó la atención, en principio, que fuera la ganadora de mejor página de ventas. Al entrar, fue
sorprendente que su diseño fuera minimalista y que da información concreta y precisa sobre sus productos
de manera interesante. Nos gusta que un elemento diferenciador es el uso disruptivo de la imagen ya que
hace uso de fotos en un tamaño bastante grande, lo cual es algo inusual en las páginas de ventas. Los
diseños de sus productos también son bastantes peculiares y llamativos, al igual que los nombres y
sabores de éstos. Finalemnte, el orden es lo que más llama la atención, ya que no hay manera de perderse
en este sitio ganador.
¿Por qué nos
llamó la
atención?
https://garag
eproject.co.
nz/collection
s/shop