MASS Design Group es una firma innovadora de arquitectura sin fines de lucro que colabora con las comunidades y las personas a las que sirve. Su creencia de que “la arquitectura nunca es neutral. O cura o duele ". Es un poderoso paralelo a nuestra propia afirmación de que la arquitectura digital da forma a la forma en que nos comunicamos y nos congregamos en línea.
La identidad de la marca de MASS Design necesitaba una actualización para que coincida con su nuevo trabajo de arquitectura y un impacto en expansión, con un sitio web que coincida. Querían un conjunto de herramientas que su personal pudiera emplear para afirmar con flexibilidad su identidad actualizada y contar historias de manera que pudieran seguir el ritmo de su evolución.
Al mismo tiempo, sabían que parte del diseño es la accesibilidad. Con una gran audiencia en toda África, fue crítico que el diseño no comprometiera el rendimiento, asegurando que los visitantes en dispositivos con poco ancho de banda pudieran leer sus historias tan fácilmente como sus contrapartes estadounidenses.
Todd Linkner tomó la nueva identidad visual de MASS Design y la tradujo en componentes que se podrían ensamblar en innumerables formatos, dando un amplio control creativo a los editores de contenido. Tomamos el sitio, construimos el sitio con la participación y aprobación regular de MASS.
Para lograr este diseño basado en componentes, Todd, como un diseñador notablemente experto en Drupal, tenía en mente el módulo Paragraph, y es lo que elegimos para implementar la funcionalidad (esto fue antes del período de dos años en que cada tercera charla en Drupal campamentos fue sobre el módulo de párrafos). En lugar de crear tipos de contenido con campos fijos siempre en el mismo orden, los párrafos nos permitieron definir una variedad de formatos de medios (carrusel, cuadrícula de imagen, texto, etc.) que podrían agregarse y reorganizarse a voluntad.
Anteriormente, el sitio web de MASS Design cargaba imágenes de varios megabytes en la página de inicio, cargando lentamente para todos los visitantes, particularmente aquellos con ancho de banda limitado. (También cuesta cientos de dólares al mes en ancho de banda de su proveedor de servicios en la nube).
El rendimiento es parte del diseño y cuando priorizamos a nuestros públicos con menos recursos, nos mantenemos fieles a nuestros valores de acceso e inclusión. Lo hicimos para MASS Design manteniendo el rendimiento al frente de las conversaciones desde el principio.
Drupal es un poderoso CMS que, de forma inmediata, cambiará el tamaño de las imágenes y realizará el almacenamiento en caché interno. Aseguramos que el nuevo sitio MASS se cargaría rápidamente con la configuración estratégica y el uso de herramientas clave de terceros.
Comenzamos con el almacenamiento en caché agresivo, pero sensible. Nos dirigimos a una red de distribución de contenido (CDN) con ubicaciones cercanas a Kigali, Ruanda, para que esto sucediera. (Lo más cercano que pudimos conseguir fue, Mombusa, Kenia). Usando la API de WebPageTest.org, realizamos scripts de pruebas de rendimiento para ver regularmente las velocidades de carga de páginas del sitio desde Johannesburgo, Sudáfrica, la más cercana (no muy cercana) que se ofrece en ese momento.
Se configuraron dos puntos de entrada al sitio. Uno para el público que utiliza el almacenamiento en caché de CDN y un punto de entrada separado para editores con un subdominio. Esta estructura mantuvo el CDN funcionando correctamente. Las funciones que se basan en las cookies, en particular el inicio de sesión como usuario autenticado, no funcionan con un CDN de bajo costo.
Desde la actualización de su sitio web, MASS ahora cuenta historias convincentes de su trabajo, lo que resulta en un 84% más de páginas vistas, más páginas por sesión y más usuarios que regresan. El tráfico del sitio desde Ruanda es diez veces mayor gracias en parte a la mejora del rendimiento del sitio.
Desde la actualización inicial del sitio, también hemos agregado formularios de donación en el sitio, una función de registro por correo electrónico para sus documentos de recursos clave y ampliado su conjunto de herramientas de narración guiadas por Paragraphs.