Desafio 2030

Promoted by Fundação AEP with the high patronage of the President of the Republic and supported by BEM  Banco de Empresas Montepio, the Desafio 2030 initiative aims to drive national competitiveness by strengthening the relationship between higher education institutions and businesses.

Our task: create a digital platform that communicates this mission clearly and effectively. It had to be modern, clean, and futuristic—balancing a professional corporate tone with public accessibility. Visual dynamism was key, as was clarity in content and intuitive UX. The site would serve as both an informative hub and a statement of purpose—built to perform and built to last.

We developed the site with clarity and visual energy in mind. The interface blends structure and movement—leveraging GSAP for smooth animations, while Tailwind CSS keeps the visual system clean and scalable.

Content architecture was designed to highlight project goals, sponsors, and impact with transparency. Layouts support heavy information without overwhelming users, and the palette reflects a balance between institutional formality and forward-thinking identity. Accessibility, speed, and performance were key priorities throughout development.

From kickoff to rollout, the platform was delivered in just 4 months.

Scientific knowledge meets sharp design.

Desafio 2030 is a responsive, performance-optimized platform with real motion and clarity. It introduces a complex mission—technology transfer, innovation, collaboration—and makes it digestible through precise structure and layered storytelling.

Core features:

• Futuristic design with high-contrast color palette
• Modular, responsive layout with dynamic page transitions
• Animated elements built with GSAP for controlled motion
• SEO and schema best practices built in
• Fully accessible and PWA-ready
• Secure architecture with ReCAPTCHA and HSTS
• Backoffice managed via Drupal 9

The platform was developed using Vue.js and Nuxt.js for the frontend, with Node.js powering backend integrations. GSAP handled animations with precision, while Tailwind CSS ensured a clean and responsive interface. All content is managed through Drupal 9, giving the client full editorial control.

Analytics and campaign tracking were integrated via Google Analytics and Facebook Pixel. The site follows PWA standards and includes Open Graph for rich sharing. Security is enforced with ReCAPTCHA and HSTS, and performance is enhanced via Webpack, Swiper, and Core-js.