Benjamin Moore
A responsive, dynamic web interface for Benjamin Moore built with Next.js and styled-components. Focused on seamless UX, high performance and modular component architecture.
What I Built
Built a responsive and dynamic UI using Next.js and styled-components for a seamless experience
Designed reusable and modular React components improving code maintainability and scalability
Applied lazy loading, code splitting and efficient rendering techniques for faster load times
Integrated third-party libraries and APIs for advanced functionality within project timelines
The Challenge
Delivering fast initial page loads with rich, dynamic UI content especially for users on slower mobile connections.
The Approach
Leveraged Next.js SSG and SSR strategically per route, combined with aggressive code splitting and React Query's caching to minimize redundant network requests.
Outcome
"Achieved significant improvements in Core Web Vitals, particularly LCP and FID scores."