El desafío
ASENDASPON es una organización sindical que representa a los empleados civiles no uniformados de la Policía Nacional de Colombia. Fundada en 2016, necesitaba una presencia digital profesional que reflejara su seriedad institucional y facilitara la afiliación de nuevos miembros en todo el país.
El sitio anterior estaba construido sobre una plataforma todo-en-uno que limitaba la personalización, dificultaba la actualización de contenido y no representaba adecuadamente la identidad visual de la organización. Además, carecía de herramientas para la afiliación digital y la difusión de noticias y documentación legal.
La solución
Desarrollé un sitio web corporativo completo desde cero, diseñado específicamente para las necesidades de un sindicato del sector defensa. Los objetivos principales eran:
- Presencia profesional — un diseño limpio y serio que transmita confianza y credibilidad institucional
- Afiliación en línea — proceso claro en 5 pasos con descarga directa de formularios y documentación
- Difusión de noticias — sección de últimas noticias con imágenes y fechas para mantener informados a los afiliados
- Documentación legal — repositorio de estatutos, acuerdos colectivos (2017, 2020, 2024) y reclamación OIT 2026
- Identidad visual — paleta de colores institucional, logo transparente y fotografía de eventos reales
- Responsive — accesible desde cualquier dispositivo, especialmente móviles (los afiliados consultan desde campo)
Resultados clave
El sitio se entregó en junio de 2026 e incluye:
- Página principal con carrusel de imágenes institucionales, sección "Quiénes Somos", historia con línea de tiempo, y últimas noticias
- Sección de servicios generales: asesoría jurídica, negociación colectiva, formación, defensa laboral, seguridad social y representación sindical
- Sección FOEMDEFENSA (Fondo de Empleados del Ministerio de Defensa) con información de ahorro y beneficios
- Proceso de afiliación en 5 pasos con descarga directa de formularios
- Normatividad completa: estatutos, acuerdos colectivos y reclamación OIT 2026
- Formulario de contacto, redes sociales y mapa de navegación completa
- Contador de visitas y estadísticas del sitio
- Opciones de accesibilidad: aumento de texto, alto contraste y escala de grises
Tecnologías utilizadas
El sitio se construyó con tecnologías web estándar, sin frameworks ni dependencias externas que comprometan el rendimiento o la seguridad:
- HTML5 semántico — estructura clara y accesible
- CSS3 moderno — diseño responsive con variables CSS, flexbox y grid
- JavaScript vanilla — carrusel, modales, contador de visitas, opciones de accesibilidad
- Google Fonts — tipografía limpia y profesional
localStorage para persistir las preferencias del usuario entre visitas. Todo en vanilla JS, sin librerías.Próximos pasos
El proyecto continúa evolucionando. Entre las mejoras planificadas están:
- Integración de sistema de afiliación en línea con formulario backend
- Blog o sección de comunicados con panel de administración simple
- Integración con redes sociales y metrics de alcance
- Ampliación de la sección FOEMDEFENSA con calculadora de ahorro
¿Tu organización necesita un despliegue similar?
Diseñamos plataformas web institucionales y sistemas de gestión de alto rendimiento y cero deuda técnica.