Jonas Cardoso

Available

AuthorJonas Cardoso
return

Êxodo Construções

Êxodo Construções is a leading company in the construction industry, focusing on building light steel framing houses. Based in Lisbon and santarém, their team comprises over 40 professionals in different fields. In the past year they've experienced significant growth and are now expanding into new locations.

Mockup

The project centered on developing a website for Êxodo Construções to improve client engagement and showcase the company's expertise and portfolio. The development stack included Node.js, Next.js, Redux, TypeScript, GSAP, SCSS, and Tailwind CSS.

Mockup

High performance was a key focus in developing this React application. Achieving load times of under 1.5 seconds by optimizating network, resources, and cache, guided by Google PageSpeed Insights and Core Web Vitals analysis.

Mockup

The UI/UX development focused on the red, black, and white color scheme. Through A/B testing, improvements were made leading to higher lead generation. Priority was placed on ensuring the application's readiness for localization and accessibility by implementing next-intl (i18n) and React Aria. This approach aimed to comply with Web Content Accessibility Guidelines, improving inclusivity and usability for user base.

Mockup
Mockup

On the SEO aspect, organic acquisition was increasead by over 150% while CTR raised from 1.9% to 5.2%. Prioritizing on-page SEO, we ascended from 92nd to 12th in SERP rankings in six months. These actions, and my content strategy approach led to brand recongnition and over 80% increase in sales.

Mockup

About the project

This project enhanced my skills in React and Next.js while introducing me to new methodologies. It deepened my understanding of accessibility, performance optimization, and React best practices, while broadening my knowledge of digital marketing principles.

Technologies used

  • Typescript

    Typescript

  • React

    React

  • Next.js

    Next.js

  • Tailwind

    Tailwind

  • Vercel

    Vercel

  • Node

    Node

  • Gsap

    Gsap

  • Sass

    Sass

  • Figma

    Figma