Rediseñamos y desarrollamos el portal principal y 14 micrositios regionales de la Federación Nacional de Cafeteros para unificar su comunicación, facilitar la gestión de contenidos y mejorar el acceso a información clave para caficultores, aliados y compradores.
Cliente: Federación Nacional de Cafeteros de Colombia
Líderes de Proyecto: Manuela Villegas (CEO), Angie Coderque (OPS) y Jhon Monroy (IT)
Fecha: Mayo de 2026
Introducción y contexto
| Campo | Información |
| Cliente | Federación Nacional de Cafeteros de Colombia (FNC) |
| Industria | Gremial cafetero · Servicios al caficultor · Comercio y representación institucional · B2B/B2C institucional |
| Año | 2025 – 2026 |
| Duración | 6 meses aprox. |
| Servicios entregados | SEO | UX Writing | UX/UI Design | Desarrollo Web |
Sobre el cliente
La Federación Nacional de Cafeteros de Colombia articula uno de los ecosistemas productivos más importantes del país: familias caficultoras, comités regionales, compradores, aliados e instituciones. Su rol exige una comunicación clara, confiable y accesible para públicos muy distintos, desde productores en territorio hasta actores comerciales e institucionales del sector cafetero
El contexto
La Federación Nacional de Cafeteros enfrentaba el desafío de consolidar y modernizar su ecosistema digital, compuesto por múltiples sitios regionales con necesidades de gestión, comunicación y actualización independientes. Su presencia digital debía evolucionar para convertirse en una herramienta más eficiente de servicio, consulta y comunicación, capaz de conectar a caficultores, aliados, compradores y demás actores del sector con información relevante y accesible.
Para responder a esta necesidad, realizamos un proceso de transformación digital en el que incluimos la creación de un portal principal y 14 micrositios regionales bajo una misma arquitectura tecnológica.
El reto estaba en que la información existía, pero estaba dispersa. Cada región necesitaba autonomía para comunicar, mientras la marca necesitaba mantener una experiencia institucional consistente.
La oportunidad
Tomamos este desafío como una oportunidad para transformar la manera en que la Federación Nacional de Cafeteros organiza, administra y comunica su información.
Nuestro objetivo fue construir una experiencia unificada que respetara las particularidades de cada región, sin perder coherencia institucional, facilitando el acceso a contenidos, servicios y recursos para usuarios con diferentes niveles de conocimiento sobre el sector cafetero.
Objetivos
Unificar el ecosistema digital
Consolidar el portal principal y los 14 micrositios regionales bajo una arquitectura común que diera consistencia visual, técnica y editorial a todos los puntos de contacto.
2.Mejorar la experiencia de navegación
Diseñar una estructura de información clara e intuitiva que facilitara el acceso a contenidos, servicios y recursos para usuarios con diferentes perfiles y niveles de conocimiento.
2.3 Preservar y migrar información crítica
Trasladar de forma segura el contenido histórico, los indicadores sectoriales y la información técnica acumulada durante años, evitando pérdidas de datos durante la transición.
2.4 Fortalecer la gestión descentralizada
Permitir que cada comité regional administrara sus contenidos de forma autónoma, manteniendo al mismo tiempo estándares institucionales compartidos de diseño, tecnología y comunicación.
2.5 Optimizar el rendimiento y la visibilidad digital
Implementar buenas prácticas de SEO técnico, accesibilidad, seguridad y rendimiento para mejorar la experiencia del usuario y facilitar el posicionamiento orgánico del ecosistema digital.
3. Como abordamos el proyecto
Este proceso involucró el trabajo coordinado de nuestros equipos de UX Writing, UX/UI Design, SEO y Desarrollo Web, quienes colaboraron para construir una plataforma escalable, accesible y preparada para las necesidades futuras de la Federación.
El reto principal radicaba en la fragmentación de la información. La FNC necesitaba una arquitectura que permitiera la independencia regional pero mantuviera una unidad institucional tanto en lenguaje como en lo visual. Los objetivos críticos fueron:
- Centralización: Crear una estructura Multisite para administrar 15 dominios bajo una misma instalación.
- Migración Masiva: Trasladar contenido histórico desde el 2019, asegurando la preservación de los datos técnicos y los indicadores de precio .
- Modernización de UX: Cambiar la estética anterior por una interfaz intuitiva basada en estándares modernos de navegación.
Planteamos una solución bajo un stack tecnológico robusto, priorizando la escalabilidad y la facilidad de administración para el cliente final.
3.1 UX Writing
Se buscó un equilibrio entre los lineamientos de comunicación de la Federación Nacional de Cafeteros (FNC) y la necesidad de construir un lenguaje claro, cercano y fácil de entender para todo tipo de usuarios.
Los contenidos fueron diseñados para conectar tanto con caficultores familiarizados con el sector como con personas sin conocimientos técnicos sobre la industria cafetera, priorizando mensajes simples, directos y pedagógicos.
Cada texto (desde un titular hasta un CTA o un párrafo de apoyo) fue trabajado para facilitar la navegación, reducir fricciones y comunicar el valor del café colombiano con claridad. Esto, manteniendo al mismo tiempo el tono institucional y la identidad de la marca.
Entregables:
- Revisión de titulares, CTAs y textos de navegación.
- Microcopy para componentes clave del portal.
- Adaptación de lenguaje para usuarios técnicos y no técnicos.
3.2 Diseño y Experiencia de Usuario (UX/UI)
El diseño se fundamentó en prototipos de alta fidelidad desarrollados en Figma. El enfoque se centró en la «claridad del mensaje», utilizando una jerarquía visual que destaca la propuesta de valor del café colombiano.
Se implementó un diseño responsivo riguroso, garantizando que se pudiera acceder a la información desde un dispositivo móvil con la misma fluidez que un computador de escritorio.
Entregables:
- Prototipos de alta fidelidad en Figma.
- Sistema visual responsive.
- Jerarquía visual para contenidos institucionales y regionales.
- Componentes reutilizables para micrositios.
3.3 Desarrollo Back-End y CMS
Implementamos WordPress configurado como red de sitios, con una arquitectura pensada para escalar, administrar contenidos regionales y mantener estándares técnicos compartidos.
- Lenguajes: Implementación en PHP 8.2.30, asegurando compatibilidad con las últimas normativas de seguridad y estabilidad.
- Maquetación Dinámica: Se utilizó Elementor junto con JetEngine (Crocoblock). Esto permitió la creación de Custom Posts y campos personalizados para manejar componentes repetibles, facilitando que la actualización de un dato regional se replique de forma controlada sin alterar el diseño global.
- Gestión de Datos: Se migraron formularios complejos (PQRs y leads de CAFFIX) mediante plugins especializados como Contact Form 7 y Advanced CF7 DB, asegurando la trazabilidad de las solicitudes de los usuarios.
Entregables:
- Red WordPress Multisite.
- Configuración de CMS administrable.
- Custom posts y campos personalizados.
- Migración de formularios y datos operativos.
3.5 Entregables y logros
El proyecto contempló la implementación de una nueva arquitectura digital, la migración de contenidos históricos y la habilitación de herramientas de gestión para los diferentes comités regionales. Estos son algunos de los principales entregables y resultados alcanzados durante su ejecución.
| Logro | Evidencia en el documento |
| Ecosistema unificado | El resultado fue un ecosistema digital unificado, administrable y escalable. 15 micrositios bajo una misma arquitectura tecnológica. |
| Gestión autónoma por comités regionales | Cada comité regional administra sus contenidos de forma autónoma, manteniendo estándares institucionales compartidos |
| Preservación de contenido histórico | Traslado de contenido histórico desde 2019, preservando indicadores de precio y datos técnicos sin pérdidas durante la transición |
| Consistencia institucional | Arquitectura común que da consistencia visual, técnica y editorial a todos los puntos de contacto, sin perder coherencia institucional. |
| Menor dependencia técnica para actualizaciones simples | Uso de Elementor + JetEngine con Custom Posts y campos personalizados, permitiendo que la actualización de un dato región. |
4. Resultado final
El resultado fue un ecosistema digital unificado, administrable y escalable: un portal principal conectado con 14 micrositios regionales, todos bajo una misma arquitectura tecnológica y una experiencia de navegación consistente.
La Federación quedó con una plataforma preparada para actualizar contenidos, preservar información histórica y comunicar de forma más clara a sus distintos públicos.
La Federación quedó con una plataforma preparada para actualizar contenidos, preservar información histórica y comunicar de forma más clara a sus distintos públicos.
Visitar sitio web Federación Nacional de Cafeteros
Visitar micrositio Federación Nacional de Cafeteros – Huila
Visitar micrositio Federación Nacional de Cafeteros – Magdalena
Visitar micrositio Federación Nacional de Cafeteros – Tolima
Visitar micrositio Federación Nacional de Cafeteros – Santander
Visitar micrositio Federación Nacional de Cafeteros – Cauca
Visitar micrositio Federación Nacional de Cafeteros – Norte de Santander
Visitar micrositio Federación Nacional de Cafeteros – Quindío
Visitar micrositio Federación Nacional de Cafeteros – Caldas
Visitar micrositio Federación Nacional de Cafeteros – Nariño
Visitar micrositio Federación Nacional de Cafeteros – Valle del Cauca
Visitar micrositio Federación Nacional de Cafeteros – Risaralda
Visitar micrositio Federación Nacional de Cafeteros – Cesar, La Guajira, Bolívar
Visitar micrositio Federación Nacional de Cafeteros – Cundinamarca
Visitar micrositio Federación Nacional de Cafeteros – Boyacá
5. Conclusión
Este proyecto nos permitió resolver un reto grande de contenido, tecnología y experiencia: ordenar un ecosistema nacional sin borrar la identidad de cada región. FNC ahora cuenta con una plataforma más clara, escalable y administrable para comunicar el valor del café colombiano desde lo institucional y desde lo territorial.
El resultado de meses de trabajo está disponible en https://federaciondecafeteros.org/
¿Tu organización necesita ordenar un ecosistema digital complejo?
Hablemos de cómo convertirlo en una plataforma clara, administrable y preparada para crecer.
Hablemos 
