Caso
En Colombia, contar con una página web es un requisito esencial para garantizar la transparencia y fortalecer la comunicación con aliados, beneficiarios y el público en general. Sin embargo, para la Fundación GreenLand, este proyecto fue mucho más que un simple cumplimiento normativo: fue una oportunidad para conectar, informar y visibilizar el impacto real de su labor.
Para ellos, creamos un sitio web que no solo respondiera a los requerimientos legales, sino que también reflejara la esencia de lo que son: un espacio donde la transparencia, la empatía y el compromiso con el desarrollo sostenible se comunican con claridad, cercanía y sentido humano.
Metas
- Fortalecer la transparencia, la identidad institucional y el sentido de pertenencia.
- Visibilizar la trayectoria e impacto de más de 35 años de gestión social.
- Promover el contacto, la colaboración y las contribuciones al desarrollo de los proyectos a nivel nacional e internacional.
- Mejorar la experiencia de usuario y la accesibilidad, con una navegación intuitiva.
- Impulsar la visibilidad digital y el posicionamiento en buscadores (SEO).
Ejecución
Nuestro equipo web asumió la responsabilidad total de este proyecto, abarcando cada etapa del proceso: desde la redacción enfocada en la experiencia del usuario, el diseño visual y funcional, hasta el desarrollo y la implementación final del sitio.
UX Writing
- Definir el tono de voz y la guía de estilo: Si bien, ya contaban con un sitio web anterior, fue necesario ajustar el lenguaje para transmitir logros y resultados con humildad y credibilidad, evitando cualquier matiz de prepotencia.
- Escribir microcopy y jerarquizar la información: Crear títulos, subtítulos, llamadas a la acción y mensajes breves que faciliten la navegación y guíen al usuario por cada sección.
- Comunicar trayectoria e impacto: Se redactaron textos que destacaran los logros de más de 35 años de gestión social de la Fundación GreenLand, estructurados en torno a sus cuatro pilares estratégicos.
- Facilitar la comunicación con el público general: Para esto se diseñaron mensajes claros y persuasivos que invitaran a la interacción, el contacto y la a la colaboración.
- Optimizar para SEO y accesibilidad: La redacción web va más allá de insertar palabras clave; requiere estructurar el contenido de manera correcta para asegurar su legibilidad, comprensión y cumplimiento de los estándares de accesibilidad.
Diseño UX/UI
- Aplicación de la nueva identidad visual: Asegurar que colores, tipografías, iconografía y estilos reflejen fielmente la actualización de marca, manteniendo consistencia en todos los componentes de la interfaz.
- Diseño responsive y adaptativo: Cada pantalla fue diseñada para garantizar una experiencia intuitiva y accesible en dispositivos móviles, tablets y computadores de escritorio.
- Sistema de diseño y guía de estilos: Se definieron y se documentaron patrones de interacción, botones, estilos y espaciados, en un design system pensado para facilitar el mantenimiento, las actualizaciones y la escalabilidad del sitio a futuro.
Desarrollo Web
- Implementación de un CMS moderno y PHP actualizado: Se eligió un sistema de gestión de contenido robusto, utilizando la versión más reciente de PHP. Esto permitió incorporar funcionalidades modernas, mejorar la seguridad y asegurar la compatibilidad con los plug-ins más eficientes del ecosistema.
- Optimización de velocidad y carga: Reconociendo la importancia del rendimiento, se aplicaron técnicas como compresión de imágenes, uso de caché y minimización de archivos, logrando así una navegación rápida y fluida.
- Diseño completamente adaptable: Cada vista fue diseñada para ajustarse de manera intuitiva a distintos dispositivos y tamaños de pantalla, garantizando una experiencia coherente tanto en móviles como en escritorio.
- SEO técnico y accesibilidad web: Se aplicaron buenas prácticas de SEO junto con estándares de accesibilidad, incluyendo estructuras semánticas claras, jerarquías visuales accesibles y elementos que favorecen el posicionamiento orgánico en buscadores.
- Arquitectura modular y escalable: Pensando en la sostenibilidad a largo plazo, el sitio se construyó con componentes reutilizables y un código organizado que facilita futuras actualizaciones, integraciones y mantenimiento sin depender exclusivamente de soporte técnico.
Resultado final
En fundaciongreenland.org pueden conocer cómo este proyecto se transformó en una experiencia digital sólida, alineada con su propósito y visión.
