Rediseño end-to-end para CADMIPyA: de la web institucional clásica a una plataforma de asociados con carga automatizada
Un trabajo completo de diseño UI + desarrollo WordPress que incluyó migración automatizada de datos, custom post types y un sistema de fichas dinámicas para más de 30 asociados del ecosistema tecnológico argentino.
El Contexto
CADMIPyA es la Cámara que agrupa a las principales empresas distribuidoras mayoristas, productoras y referentes del ecosistema tecnológico argentino. Su web anterior cumplía una función informativa básica, pero no representaba la solidez del sector ni permitía explorar quiénes integraban la cámara de forma organizada. Me contactaron para renovar por completo su presencia digital: una nueva web que comunicara autoridad institucional, mostrara a sus asociados de manera profesional y fuera fácil de mantener a largo plazo.
El desafío de diseño
El reto no era solo "hacerla más linda". Había que traducir la autoridad institucional de una cámara empresarial con la dinámica visual del sector tech. Trabajé una paleta que respetara los colores corporativos existentes pero los expandiera hacia tonos más frescos, con una tipografía que comunicara solidez sin perder ligereza digital. Desde Figma armé un sistema de master components que optimizó la maquetación y garantizó consistencia pixel-perfect entre las pantallas que diseñé: Home, Asociados, el single de cada asociado, la card de loop, La Cámara y las secciones institucionales. El sistema de componentes funcionó como la fuente de verdad para mantener la coherencia visual en todo el sitio. El resultado es un lenguaje visual que se siente business cuando tiene que ser institucional, y tech cuando tiene que mostrar energía, eventos y el ecosistema de empresas.
Lo que no se ve: arquitectura de información y datos
La parte más compleja estuvo en cómo estructurar la información de los asociados. No era viable cargar 30 o 40 fichas a mano, ni mucho menos mantener sincronizados los datos de contacto, logos, direcciones y redes sociales de cada empresa.
Lo que construí:
- Custom Post Type “Asociados” con ACF, con campos específicos: nombre, logo, web, email, dirección, datos de contacto y redes sociales.
- Plugin de scraping custom que extrajo los datos públicos de cada asociado desde la web anterior —logo, descripción, web, email, dirección y redes— y los volcó directamente en el nuevo CPT, ahorrando horas de carga manual y reduciendo el margen de error humano.
Cada ficha de asociado quedó como un perfil completo: logo, descripción de la empresa, datos de contacto, link a su sitio web y sus redes sociales activas.
El detalle en el front: redes sociales dinámicas
Construcción en WordPress + Elementor
Todo el diseño se tradujo a WordPress utilizando Elementor como constructor, pero sin quedarme solo en lo que el builder ofrece de fábrica. El CPT, el scraping y los scripts de redes sociales fueron desarrollos a medida que conviven con la flexibilidad visual de Elementor.
La estructura final del sitio quedó así:
- Home
- Historia / Institucional
- Comisión / Autoridades
- Asociados
- Pulso IT
- Noticias (listado + template de nota individual)
- Contacto (formulario con reCAPTCHA)
Resultado
Para mí, fue el proyecto end-to-end que más disfruté: desde las primeras exploraciones en Figma
Stack y herramientas
- Diseño: Figma (sistema de componentes, auto-layout)
- CMS: WordPress
- Builder: Elementor
- Datos: ACF Pro, Custom Post Types
- Desarrollo adicional: Plugin de scraping en PHP, CSS/JS custom para el loop de asociados
- Seguridad: reCAPTCHA en formularios de contacto
