SICAP is a Mexican organization that offers consulting, certification, and training services in occupational safety and civil protection. They needed a professional, informative website that could be easily managed by non-technical staff while offering a modern and responsive user experience.
To meet these needs, I developed a custom solution using WordPress as a headless CMS and a fully decoupled frontend in Angular. This architecture allowed for greater flexibility on the frontend while still giving the client access to a familiar content management interface.
On the backend, I configured WordPress with:
- Advanced Custom Fields (ACF) for flexible content modeling
- Custom Post Type UI (CPT UI) for organizing service sections, certifications, and forms
- A clean, intuitive admin panel for easy content updates
On the frontend, I built the site with:
- Angular using standalone components and Angular routing for a modular, scalable codebase
- TailwindCSS for consistent and responsive styling
- RxJS to handle caching of API responses and reduce unnecessary calls
- EmailJS to handle contact form submissions without needing to write backend logic
- Clean, semantic HTML structure to support basic SEO and accessibility best practices
The result is a fast, mobile-friendly website that’s easy to maintain and ready to grow with the organization’s future needs. This project gave me the chance to bring together the best of both worlds: a solid CMS for content authors, and a flexible modern frontend for performance and maintainability.
You can see the page below ⬇️