Work

2019

CAPFA Constructora Website Revamp

DevBrandingFrontend

CAPFA Constructora sought a comprehensive digital transformation to improve performance, SEO, and user experience. Their previous website, with a 45% performance score, felt outdated and lacked engagement.

Technologies

  • WordPress Easy client updates and content management.
  • DIVI Modularity and native SEO capabilities.
  • ACF Structured custom fields backing the site's repeatable content.
  • PHP, JavaScript, HTML, CSS Custom functionality, styling, and optimized interactivity without added plugin loads.
Screenshot of CAPFA Website Revamp

Project Overview

Our goals were to enhance speed, optimize SEO, modernize the UX/UI, and introduce a component-driven structure for higher software quality and maintainability.

Objectives

  • Performance and Accessibility - Raise Google Lighthouse scores.
  • Usability and Engagement - Redesign UX/UI to reflect CAPFA’s brand.
  • Ease of Updates - Enable CAPFA to update the site regularly via WordPress and DIVI.
  • Digital Presence - Increase engagement through social media integration and a user-focused design.

Project Workflow

  • Discovery and Planning - Established CAPFA’s brand identity with a custom color palette, typography, and wireframes to boost user engagement.
  • Page Structuring - Developed templates for pages like “Contact,” “About Us,” and “Projects.”
  • SEO and Accessibility - Utilized DIVI’s native tools for optimized SEO and accessibility.
  • Component-Driven Structure - Incorporated custom PHP functions and DIVI’s modular tools for streamlined backend management.
  • Dynamic Features - Implemented JavaScript for an interactive WhatsApp button without performance-impacting plugins.
  • Testing and Optimization - Achieved a 94% Google Lighthouse performance score with further validation through Google Analytics and additional testing tools.
  • Execution Timeline - Followed a structured weekly timeline to ensure project completion on schedule.

Results and Impact

  • Performance - Boosted Lighthouse score from 45% to 94%, delivering faster load times and enhanced user retention.
  • Usability and Engagement - Improved user interaction and accessibility, enabling seamless connections between CAPFA’s social media and website.
  • Client Empowerment - CAPFA now manages content updates independently, solidifying its digital presence and engagement strategy.