Environmental & Science · Venezuela · 2026
FUDENA · Sitio Web Institucional
Sitio modular y escalable para una de las ONG ambientalistas más reconocidas de Venezuela, con catálogo científico para su centro de investigación.
Diseño y desarrollo del sitio web institucional de FUDENA, organización ambientalista venezolana dedicada a la conservación de la naturaleza desde 1975. El proyecto consistió en construir un sitio modular, escalable y fácil de administrar, capaz de comunicar la misión de la organización y gestionar contenido científico complejo, incluyendo un catálogo de especies de moluscos marinos para su Centro de Investigación y Atención Comunitaria (CIAC).
El reto
El sitio tenía que cumplir cuatro objetivos: comunicar misión y proyectos, permitir actualización autónoma por el equipo interno, presentar información científica especializada de manera atractiva, y mantener arquitectura escalable. El reto técnico fue diseñar un sistema flexible para manejar tanto páginas institucionales como contenido científico estructurado tipo base de datos.
Lo que construí
Tema WordPress a medida con arquitectura de bloques modulares y catálogo científico filtrable para el centro CIAC.
- Cada sección del sitio es un bloque Gutenberg independiente y reutilizable.
- El equipo compone páginas desde el editor nativo (drag-and-drop, reordenar, duplicar, eliminar) sin tocar código.
- Custom Post Types y taxonomías personalizadas para el catálogo de moluscos marinos del CIAC.
- Fichas detalladas por especie (nombre científico, hábitat, distribución, estado de conservación, galería).
- Filtrado combinado por familia, hábitat y zona de distribución con búsqueda AJAX instantánea sin recarga.
- Páginas institucionales (Inicio, Quiénes Somos, Contacto) componibles desde bloques.
- CIAC con línea de tiempo histórica animada, instalaciones, servicios, equipo científico y secciones del museo.
- Archivos de Proyectos y Noticias con filtros editables.
Stack y arquitectura
- WordPress + Advanced Custom Fields (ACF) Pro como motor de bloques editoriales.
- Gutenberg para edición visual nativa.
- Tailwind CSS sobre el tema custom.
- PHP + JavaScript (AJAX) para los filtros del catálogo en tiempo real.
- Identidad visual diferenciada por sección — el CIAC usa paleta propia para distinguirse del sitio institucional.
Decisiones notables
- Bloques ACF para contenido editorial + Custom Post Types para contenido estructurado: la combinación permite que un mismo sitio cubra comunicación institucional y datos especializados sin fricción.
- Especies relacionadas calculadas automáticamente por taxonomía — la jerarquía científica define la navegación contextual.
- Búsqueda instantánea (sin recarga de página) usando AJAX nativo de WP para no inflar bundle.
Aprendizajes
- Diseñar pensando en quién administrará el contenido: la arquitectura de bloques globales (en lugar de plantillas rígidas) fue clave para entregar un producto que el cliente mantiene de forma autónoma.
- La combinación de bloques ACF para contenido editorial y Custom Post Types para contenido estructurado demostró ser eficaz para sitios que mezclan comunicación institucional con datos especializados.