Estudio realizado para descubrir el comportamiento de los visitantes a la web de CarlaKey y descubrir puntos ciegos, débiles y de fuga que impidieran la correcta navegación de la web.

1. User Experience (UX)
Web & Web Responsive

2. Índice
User Experience (UX)
Web & Web
Responsive
COMPORTAMIENTO DE LOS USUARIOS
● Home: Escritorio
○ Home Heatmap: Click (pag 3)
○ Key-Takeaways (pag 4)
○ Home Heatmap: Scroll
Key-Takeaways (pag 5)
● Responsive: Smartphone (pag 6)
○ Responsive Heatmap: Click
Key-Takeaways (pag 7)
○ Responsive Heatmap: Scroll
Key-Takeaways (pag 8)
● Tienda: Escritorio
○ Home Heatmap: Click (Pag 9)
Key-Takeaways (pag 10)
○ Tienda Heatmap: Scroll (pag 11)
○ Key-Takeaways (pag 12)

3. Home: Heatmap Desktop &
Smartphone
https://insights.hotjar.com/h?site=1235114&heatmap=3864599&token=7829b3b61ec917ee0595bc3d6800f6e4

4. HOME - Carlakey.com | Clicks Scroll
Dispositivo:
Escritorio

5. ● USP (MIA): Los visitantes no distinguen
inmediatamente el USP de Carlakey.com
a. SLIDER: Los visitantes no están interesados en su
contenido.
i. CLICS en los círculos de paginación del slider.
ii. SIN VISITAS en las URLs con UTM específicos
para la ruta de los botones
iii. Contrastado los datos con Analytics
● BANNED:
a. Los visitantes no interactúan con los banners (bartola,
etc…)
b. El banner de la home tampoco ha capturado la atención
de los visitantes.
User Experience (UX) : Web
Heatmaps: (Clicks)-Key Takeaways: Dispositivo:
Escritorio

6. ● USP (MIA Parte 2)
a. el 20% de los visitantes a la Home, se queda solo con los
sliders, y no continúa haciendo scroll down para obtener
más información sobre la página.
b. Perdiendo un 10% adicional del tráfico antes de que
completen el mensaje de la tienda de otro rollo.
● GOING Down:
a. 15% de todos los visitantes en la Home llegan al footer.
Lo que reduce e considerablemente navegar nuestra
web, o apuntarse a la newsletter.
Heatmaps: (Scroll) Key Takeaways:
User Experience (UX) : Web
Dispositivo:
Escritorio

7. Web Responsive - CK | Clicks Scroll
Dispositivo:
Responsive (Móvil)

8. ● SLIDER 2.0:
a. NO BUTTON: clics en los botones del slider.
● INVISIBLE BURGER MENU:
a. REDISEÑO o reorganización del menú de la tienda
(muebles, sofás, etc) para hacerlo más visible y accesible.
b. BURGER MENU:
i. 15,81% de taps en el menú de navegación.
ii. 1,82% es la conversión más alta del submenú
(muebles tv)
● AJUSTAR “AJUTES”
a. La mayoría de los taps se hacen en este menú, puede ser
porque los visitantes piensan que podrán navegar la
tienda o filtrar por características para ver nuestros
prodcutos.
User Experience (UX) : Responsive
Heatmaps: (Clicks)-Key Takeaways:

9. ● NO SCROLLING, NO SHOP BUTTON, NO SALES:
a. El botón para “Añadir al carrito” queda debajo de la
primera pantalla y necesita que el usuario haga scroll
para visualizarlo.
b. INFINITY SCROLL: Combinado con que las personas no
encuentran los filtros y el hecho de que tenemos al
parecer un scroll infinito hace que lo visitantes tengan
que hacer mucho “trabajo” (scroll down) para obtener
poca recompensa (de 1 producto en 1 producto).
Heatmaps: (Scroll) Key Takeaways:
User Experience (UX) : Web

10. Funnel : Slider
El funnel de conversión “Slider” está
configurado para guardar la información de
los visitantes que visiten/consuman en
nuestro “challenge, darling”

11. Tienda: Heatmap Desktop &
Smartphone
https://insights.hotjar.com/h?site=1235114&heatmap=3920943&token=d0e29743528204fe3ad0cebf0196cd4f

12. TIENDA - Carlakey.com | Clicks Scroll
Dispositivo:
Escritorio

13. ● FILTERED:
a. Se puede apreciar que hay cierto engagement en la web a
la hora de búsqueda de productos.
b. De momento no parece que se ha iniciado la visualización
de productos.
●
User Experience (UX) : Tienda
Heatmaps: (Clicks)-Key Takeaways: Dispositivo:
Escritorio

14. ● QUANTITY
a. En la primera pantalla de los resultados por categoría se
pueden visualizar solamente tres productos en una fila.
Debería de poder mostrar más para así poder reducir el
tiempo de búsqueda de los visitantes comienzan el
abandono de la búsqueda tras ver el último banner.
1. Preparar un banner con promoción que
incentive la compra. Haciendolo más
visible.
2. Añadir “señas” en productos para llamar
la atención a estos: por
ejemplo:“NUEVOS,” “BEST SELLER,”
“CARLA’S FAVORITE”
User Experience (UX) : Tienda
Heatmaps: (Scroll)-Key Takeaways: Dispositivo:
Escritorio

15. ● FILTERED:
a. Los visitantes al llegar a la página de resultados esta
página, parece que eligen ver todas los productos
disponibles del momento - disponibles del momento.
User Experience (UX) : Tienda
Heatmaps: (Clicks)-Key Takeaways:
Dispositivo: Responsive
Heatmaps: (Scroll)-Key Takeaways:
● FILTERED:
a. Los visitantes navegan prácticamente hasta la altura del
banner de las categorías sin interactuar y sin visualizar
los productos. Igual habrá que evaluar cómo incentivar
el ver ficha de productos, ya sea con “señas,” otro estilo
de imágenes o mensajes.

16. User Experience (UX)
Web & Web Responsive
Fin