Context

KOH-I-NOOR Deutschland GmbH is the German subsidiary of the renowned Czech company KOH-I-NOOR Hardtmuth, specializing in high-quality writing and art supplies.

For the German market it needed a modern e-shop with a range of products for artists, students and offices, including promotional offers and new arrivals.

My role

I worked on the project as a frontend developer and also led the communication with the client and the marketing agency.

Challenge

The client uses their own system, which synchronizes data with WordPress. The website had to be optimized for performance, yet the application increasingly had to be rebuilt because of data changes needed for marketing.

Solution

  • I built the website in Next.js. In a prebuild step I fetched data from the API, adapted it for the application and saved it into JSON files.
  • To synchronize data with WordPress we used a custom plugin that better matched the e-shop logic.
  • In WordPress I prepared several custom sections and pages using ACF (Advanced Custom Fields).
  • The website uses marketing tools to support sales and analytics: Facebook Conversion API, Google Tag Manager, Ecomail and AI-powered search.
  • Later I rewrote the project to the new Next.js App Router and moved a significant part of the logic from the frontend to the backend.
  • E2E tests in Cypress cover most of the website's pages and e-shop features.

Result

Marketing data changes no longer require a new build of the application. The website keeps evolving with new redesigns, library updates and refactoring of older code.

Technologies

  • Next.js
  • WordPress, ACF
  • Sass
  • Redux
  • Google Maps React Markers + Supercluster
  • React Player, Swiper
  • REST API
  • gtag, Facebook Pixel, Ecomail
  • ESLint, Prettier
  • Cypress
← Back to projects