Digital Platform Modernization for the Freedom and Justice Center

The previous platform was built around an older Laravel/Blade implementation and had accumulated structural and presentation limitations.

The modernization required improvements across:

• Content structure
• Information architecture
• Navigation
• Responsive presentation
• Multilingual experience
• Program and project discovery
• Frontend maintainability

A particularly important requirement was creating clearer relationships between programs and the projects associated with them, allowing visitors to understand the organization's work through a more structured content model.

Quancats modernized the frontend experience using Astro and Vue.js while reorganizing the site's information architecture.

The project introduced a more modern content hierarchy and improved the way programs, projects, organizational information, and supporting content are presented.

• Reworked information architecture
• Modern frontend architecture
• Arabic and English experiences
• RTL and LTR support
• Responsive layouts
• Improved navigation
• Better content hierarchy
• Structured program presentation
• Projects organized in relation to their programs
• Improved organizational content presentation
• Reusable frontend components
• Improved visual consistency across pages

Quancats contributed across:

• UX/UI improvement
• Information architecture
• Frontend architecture
• Frontend development
• Multilingual implementation
• RTL/LTR presentation
• Content structuring
• Responsive implementation
• Digital experience modernization

The project delivered a more modern and structured digital experience while providing a stronger foundation for CFJ's growing body of organizational, program, and project content.

It also replaced the previous frontend approach with an architecture better suited to continued digital development.

• Laravel
• Astro
• Vue.js
• Tailwind CSS
• MySQL