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 platform needed to serve as both an information hub and a long-term digital foundation for the initiative.

We developed the platform with clarity, performance, and visual dynamism at its core. The interface combines structure and motion, using GSAP to deliver purposeful animations, while Tailwind CSS provides a scalable and consistent design system.

The content architecture was designed to present the initiative's objectives, partners, and impact with clarity and transparency. The layouts accommodate large volumes of information without compromising usability, while the visual language balances institutional credibility with a forward-looking identity. Accessibility, performance, and responsiveness remained priorities throughout the project.

From kickoff to launch, the platform was delivered in just four months.

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

Innovation meets digital clarity.

Desafio 2030 is a responsive, performance-optimized platform with real motion and clarity. The platform transforms a complex mission into a clear, engaging digital experience through structured content and intuitive navigation.

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 on the frontend, with Node.js supporting backend integrations. GSAP powers the motion design, while Tailwind CSS provides a scalable and responsive interface. All content is managed through Drupal 9, giving the client complete editorial autonomy.

Analytics and campaign tracking were implemented using Google Analytics and Facebook Pixel. The platform follows Progressive Web App (PWA) standards, includes Open Graph metadata for social sharing, and applies security best practices such as ReCAPTCHA and HSTS. Performance is further enhanced through Webpack, Swiper, and Core-js.