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.
Design and Development:
-
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.
Technologies Used
WordPress: For easy client updates.
DIVI: For modularity and SEO capabilities.
PHP, JavaScript, HTML, CSS:
Applied for custom functionality, styling, and optimized interactivity without added plugin loads.
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.
