Descubre cómo un equipo pequeño logró grandes logros con la creación de una AWP atractiva para mercados.
OpenSooq, con sede en Amán, Jordania, es un mercado de anuncios clasificados que prioriza los dispositivos móviles y ofrece una amplia variedad de productos y servicios en 19 países de Oriente Medio y África del Norte.
El desafío
Más del 85% del tráfico de OpenSooq proviene de dispositivos móviles, y esa cifra sigue aumentando. Muchas personas de la región dependen de dispositivos de gama baja con capacidades de almacenamiento limitadas, lo que genera una gran necesidad de que el sitio móvil de OpenSooq sea lo más rápido y liviano posible. Sin embargo, los tiempos de carga lentos en el antiguo sitio móvil de OpenSooq afectaban la satisfacción del cliente y provocaban porcentajes de rebote de hasta un 49% en mercados como Kuwait.
Para atender a sus clientes con una experiencia consistente mejor en todas las plataformas, la empresa se dio cuenta de que necesitaba un sitio web más rápido y responsivo. Por lo tanto, en junio de 2017, el equipo de ingeniería de OpenSooq lanzó una app web progresiva (AWP).
Enfoque en el rendimiento y la confiabilidad
Los tres desarrolladores internos de OpenSooq pudieron compilar una AWP con todas las funciones mediante React y webpack en solo dos meses y medio.
Para asegurarse de que el sitio fuera rápido y fácil de indexar por los motores de búsqueda, el equipo decidió implementar la renderización del servidor. Debido a que casi el 28% de sus usuarios acceden a la AWP en redes 2G o 3G irregulares, era fundamental que los usuarios confiaran en que la experiencia funcionaría, independientemente de las restricciones de la red. Por lo tanto, el equipo implementó una experiencia sin conexión con service worker y una estrategia de almacenamiento en caché primero y luego red. También usaron el patrón PRPL para brindarles a los usuarios una carga instantánea.
Con la adopción de estas prácticas recomendadas, el equipo pudo reducir el tiempo de carga promedio de la página (Tiempo para ser interactivo) de 4 segundos a menos de 2 segundos. Además, usaron Lighthouse para asegurarse de que el sitio se permaneciera así de rápido. Estas iniciativas ayudaron a OpenSooq a alcanzar más de 1,800 millones de vistas de página al mes.
Más de un cuarto de nuestros usuarios acceden a la AWP de OpenSooq desde redes de baja gama, por lo que la confiabilidad era esencial para mantener la participación de esos usuarios. Los service workers y las estrategias de almacenamiento en caché nos ayudaron a crear la experiencia del usuario confiable que necesitábamos, sin problemas.
Amin Shoman, administrador técnico de AWP, OpenSooq
Mejora la reactivación de la participación
Después de crear una experiencia eficaz y confiable, el equipo de OpenSooq quería asegurarse de que los usuarios se mantuvieran interesados en el producto. Para ello, permitieron que los usuarios instalaran la AWP en la pantalla principal y agregaron compatibilidad con las notificaciones significativas. Esto permitió que el sitio notificara a los compradores sobre la interacción del vendedor con las consultas y a los vendedores sobre la activación y el vencimiento de los anuncios.
Estas mejoras aumentaron un 14% la cantidad de usuarios activos por mes de la experiencia web de OpenSooq. En el caso de los usuarios que instalaron la AWP, hubo un aumento del 48% en la cantidad de visitas a la página por sesión y un aumento del 28% en la duración promedio de la sesión. Además, OpenSooq obtuvo un aumento del 25% en el tiempo promedio de los usuarios en una página y una disminución del 29% en los porcentajes de rebote promedio en todos los mercados.
Con la mirada puesta en el futuro
Después de unas pocas semanas de esfuerzo, OpenSooq creó una AWP con todas las funciones de 23 KB que brinda una experiencia coherente a los usuarios en todas las plataformas y navegadores. Además, debido a que es fácil actualizar las funciones en la Web, el equipo prioriza las AWP para lanzar y probar nuevas funciones y flujos de usuarios en la AWP antes de implementarlas en otras plataformas.
OpenSooq ahora está trabajando para agregar un mensaje de instalación específico para la plataforma y poder integrar la AWP con Accelerated Mobile Pages (AMP). Estas mejoras acelerarán aún más las cargas de páginas y harán que la transición a la aplicación específica de la plataforma sea lo más fluida posible. Con la base de su esfuerzo inicial de desarrollo, el equipo de OpenSooq seguirá ofreciendo a sus usuarios la mejor experiencia posible.
La importancia de desarrollar nuestra AWP fue clara tanto para los equipos de liderazgo como para los técnicos. Después de crear una aplicación web moderna y lograr un buen rendimiento, nos emociona ver el impacto comercial en nuestra inversión de 2,5 meses.
Ramzi Alqrainy, director de Tecnología, OpenSooq