Farthest Technology — Corporate Website
98+ Lighthouse corporate site with animated sections and Next.js Image optimisation
Farthest Technology needed a site that looked premium and loaded fast. Framer Motion drives the animated hero, service cards, and scroll-triggered reveals without hurting performance — animations are GPU-accelerated and skipped for prefers-reduced-motion. The 98+ Lighthouse score came from lazy-loading below-fold sections, route-based code splitting, and running all images through Next.js Image for automatic format conversion and size negotiation. Deployed on Vercel with edge caching for near-instant global load times.
Highlights
- 98+ Lighthouse performance score in production
- Framer Motion animated sections — GPU-accelerated, respects prefers-reduced-motion
- Lazy loading + route-based code splitting for minimal initial bundle
- Next.js Image optimisation — automatic WebP/AVIF, responsive sizes
- Edge-cached Vercel deploy for sub-second global load times
Tech stack
Gallery