Green Factors – Environmental Consultancy
Green Factors Consulting Group
4 Weeks
React, Tailwind CSS, Framer Motion
The Problem
Green Factors needed an authoritative online presence to present carbon footprint audit processes and ESG metrics to corporate clients. Their previous landing page was generic and lacked modern UX indicators to establish credibility.
The Solution
We designed a high-end sustainable design language with deep green accents, featuring interactive micro-calculators, smooth animated sections showing ESG frameworks, and optimized loading speeds for maximum corporate partner retention.
Development Process
Research & UX Wireframing
Mapping out corporate user paths and defining visual trust indicators.
Design System
Creating a custom green color palette and premium glassmorphic cards.
Implementation
Building interactive components with React and Framer Motion for fluid scroll animations.
Key Outcomes
55% increase in online inquiries from enterprise organizations.
Average session duration rose to 3.5 minutes due to rich interactive sections.
100/100 Core Web Vitals score on desktop devices.
Frequently Asked Questions
What were the main performance challenges faced by Green Factors?
The original site suffered from heavy page weight due to large unoptimized images, render-blocking scripts, and layout shifts that negatively impacted their search ranking.
How did you achieve a perfect 100/100 Core Web Vitals score?
We refactored the frontend to React, optimized image delivery using modern formats, inlined critical CSS, and deferred non-essential script hydration.
Did the speed optimization improve lead generation?
Yes, the corporate lead inquiry rate increased by 55% as users stayed longer on the platform and navigated through the ESG calculators and consulting workflows.
Request Speed Audit
Transform your website's performance and Google rankings. Get a professional speed audit and Core Web Vitals optimization from Devlayers.
Get Started