Portfolio

Landesa

Rural development institute

Landesa es una organización dedicada a asegurar que los trabajadores rurales – en su mayoría mujeres – de países de bajos recursos puedan obtener los derechos de la tierra que trabajan y que, como consecuencia, se pueda mejorar allí la educación, la nutrición, la alfabetización y más.

Mercury Creative fue contactado por Landesa para llevar su sitio web a otro nivel y fue a través de ellos que nos involucramos en el proyecto.

Miguel Vallvé
Miguel Vallvé

Dirección Responsable y Planificación Estratégica

Ligia Mazzilli
Ligia Mazzilli

Gestión de Proyecto y dirección de arte

Iberia Medrano
Iberia Medrano

Diseño

Matías Prego
Matías Prego

Diseño

Pablo Novoa
Pablo Novoa

Análisis, optimización y desarrollo

El desafío

Como parte de su aparato de difusión e información, el sitio web cumple con un rol de suma importancia para la organización ya que asegura la democratización de sus programas y datos estadísticos de su labor que atraen inversores y brindan transparencia a sus acciones. Para dicha democratización, el sitio debía mostrar óptima performance en las condiciones más críticas de conectividad.

 

El rediseño del sitio fue un trabajo principalmente analítico en una primera etapa, para alcanzar un objetivo claro: habilitar la navegación fluida para usuarios con conexiones lentas en todas partes del mundo. Al tratarse de una organización que opera a nivel mundial, fundamentalmente en países en vías de desarrollo, era prioritario facilitar el acceso a su sitio desde todas partes, a pesar de las limitaciones de banda ancha de muchos de sus usuarios.

 

Se analizó la estructura del sitio antiguo de Landesa para entender y realizar una planificación estratégica para la migración de más de mil páginas. Como resultado del análisis, se detectaron las principales causas de la baja performance del sitio, se presentó una re-estructura de la base de datos y se establecieron los requerimentos sobre los que diseñadores y programadores basaron su trabajo en las etapas posteriores.

Velocidad promedio de conexión

Fuente: Akamai

landesa performance global

Solución

El rediseño tomó aspectos de la identidad de Landesa e incorporó nuevos elementos gráficos que acompañan el contenido y permiten una lectura más fluida de la información.

Para la optimización del sitio se comprimieron todas las imágenes y se transformaron algunas de ellas en SVG, y se optimizó la entrega de archivos según el dispositivo en el que el usuario está navegando el sitio, controlando la respuesta del servidor, a modo de ajustar la carga de elementos gráficos en base a cada dispositivo.

Por ejemplo, en algunos dispositivos se sustituyen las imágenes por colores sólidos.

¿Cuánto se optimizó?

Sitio Inicial

Performance

61/100

Tiempo de carga

26.32s

Solicitudes

198

Tamaño

2.3MB

Optimizado

Performance

96/100

Tiempo de carga

606ms

Solicitudes

43

Tamaño

1.5MB

Fuente: Mercury Creative

Al entregar el sitio, el tiempo de carga se había reducido de 26 segundos a tan solo 606ms en Europa,
y la performance del sitio alcanzó 96 puntos sobre 100. 

Tiempo de carga
Hong Kong - China

hong-kong map
fraction time icon 6.5s

Tiempo de carga
Sudáfrica

south-africa map
fraction time icon 4.7s

Tiempo de carga
Mumbai - India

mumbai map
fraction time icon 5.8s

Fuente: Mercury Creative
El tiempo de carga desde otras partes del mundo como Brasil, África, Asia y Australia es de 5 segundos en promedio.
img landesa
responsive landesa

Comenzá tu proyecto

  • Este campo es un campo de validación y debe quedar sin cambios.