The existing frontend suffered from slower initial page loads and inconsistent rendering across mobile, tablet, and desktop. Given the UAE market's high mobile usage, these gaps directly impacted user engagement and session retention.
Server-side rendering was underoptimized, resulting in poor first contentful paint scores on listing and detail pages. With real-time data and multiple API dependencies, latency-sensitive drop-off was a measurable risk to organic traffic performance.
Figma designs were translated into accurate, responsive components that maintained visual consistency across all screen sizes and device types.
Next.js SSR was improved to reduce initial load times and strengthen SEO visibility specifically for car listing and detail pages.
Bundle sizes were reduced, assets optimized, and rendering strategies refined to achieve faster first paint and smoother user interactions.
Multiple backend APIs for listings, filters, and user interactions were connected with minimal latency and structured error handling throughout.
Large datasets on listing pages were handled efficiently to remove UI lag, improve scroll performance, and maintain responsiveness under load.
40% Improvement in First Contentful Paint through Next.js SSR optimization and asset reduction, directly improving page load speed on high-traffic listing pages.
100% Cross-Device Coverage delivered with pixel-perfect responsive components across mobile, tablet, and desktop.
Increased Organic Traffic driven by stronger SEO visibility on listing and detail pages following server-side rendering improvements and refined rendering strategies.
