HM Engenharia is a construction company with almost five decades of experience, focused on making the first home a reality for thousands of families. Its projects are designed to bring together affordability, functionality and quality of life, marking important milestones in clients' lives. Over the years, it has built a solid reputation in the affordable and mid-range housing segment.This project was developed in partnership with Hagens, who works directly with the client.
Website
For HM Engenharia's Website, the UI/UX was produced by Hagens, while I focused on technical guidance for critical components and the entire frontend implementation. The application was built with Next.js, Tailwind CSS and TypeScript, always prioritizing performance, SEO and a smooth user experience. Every component was structured to be highly customizable, enabling quick adjustments as new requirements emerged. We also implemented a BFF (Backend for Frontend) to increase application security and enable precise cache control, ensuring fast responses without compromising content freshness.
Next.js
Strapi
Tailwind CSS
TypeScript
Node.js
Strapi
Headless CMS
On the Headless CMS side, I implemented and customized Strapi to meet HM Engenharia's needs. I integrated the CMS with Cloudinary, ensuring optimized image delivery via CDN and automatic adaptation to the user's device. I structured content using components and dynamic zones, allowing the marketing team to create dynamic pages without being locked into fixed templates. I also set up a draft and scheduled publishing workflow, plus a smart integration with the Website for on-demand cache revalidation, balancing performance and editorial control.
React
Strapi
TypeScript
Node.js