Tech Product Landing Page — 100 Lighthouse
A modern, animated landing page that scores 100 on desktop Lighthouse — optimized images, lazy loading, accessible markup and smooth scroll reveals.
The challenge
Reducing image weight and render delay, improving Lighthouse, SEO and accessibility scores, triggering animations correctly as elements enter the viewport, and keeping the mobile menu and cross-browser experience solid.
What I built
I added automatic image and SVG optimization, lazy loading and code splitting, designed the animations with Intersection Observer, and used semantic HTML and ARIA with an improved mobile menu.
Highlights
- Faster LCP and FCP
- Smaller images and assets (Sharp, SVGO)
- Accessibility with semantic HTML and ARIA
- Smooth scroll-triggered animations
Screenshots
Google PageSpeed Insights
Performance
More case studies
Client projectKosovo Travels — Travel & Booking Platform Stabilization
Stabilized an international travel and booking platform: fixed payment sessions on Cloudflare Edge, SSR/hydration bugs, and security and SEO issues.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4
Client projectAl-Amal Furniture Moving — Kuwait Lead-Generation Website
A fast Arabic website for a Kuwaiti moving company, rebuilt from a crashed WordPress site — with a price calculator, lead forms and local SEO.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4