CLIENT:
Kwant

Kwant - e-commerce for nationwide chain of wholesalers

Project summary

LIVE PROJECT
CLIENT
Kwant
PRODUCTS
Online store
TEAM
  • Front-end Developer
  • Full-stack Developer

Results

  • Store launched in under 6 months

    a complete, responsive front-end from scratch

  • Tens of thousands of products in one interface

    advanced search and category filtering

  • Stock levels at the chosen branch

    the customer sees availability before ordering

  • Blog content without manual work

    a CMS integrated with ChatGPT

CASE STUDY

Boring Owl team was responsible for designing and implementing the front-end layer, working with a pre-existing backend and client-provided wireframes. As part of the project, we also developed a custom CMS based on Strapi and built a blog content generation tool integrated with ChatGPT.

 

Challenge

Goal of the project was to create a modern, responsive and efficient user interface for an electrical wholesaler that:

  • Provides an efficient and convenient online shopping experience across different devices.
  • Supports a large number of products and an extensive category structure.
  • Works with existing backend and mobile client application “Kwant App”.
  • Allows dynamic content and blog management.

 

The key challenge was seamlessly integrating a modern front-end with an existing back-end and predefined mockups, all while maintaining high performance, an intuitive user experience, and flexibility for future platform development.

Kwant

Solution

Our team designed and implemented the front-end layer of the online store, using the latest web technologies. Project was implemented in a model of weekly sprints with regular meetings with the client's team.

  • Frontend: Next.js (React), TypeScript, Material UI - ensuring high performance, accessibility and responsive interface.
  • CMS: Strapi with ChatGPT integration - providing content management and automatic generation of blog content.
  • Hosting: Vercel - providing instant deployments and real-time work preview.

 

Key Features

  • Advanced product search and filtering.
  • Branch selection feature with access to real-time inventory levels.
  • Expanded customer panel for account management.
  • “Employee Zone” - Dedicated panel for store employees.
  • Modules: news, “Kwant Academy”, information about the company.
  • Promotional pages and featured products with an integrated rewards system.
  • Loyalty program for customers.
  • Account registration available for both individuals and businesses.

Kwant

Results

  • Creating a complete, responsive store front-end in less than 6 months.
  • Reduced delivery time for new features by using Vercel and CI/CD.
  • Blog content automation through CMS integration with AI.

 

Summary

The development of the front end for the Kwant platform showcases how effective collaboration between a development team and a client with a clear product vision can lead to outstanding results. Through careful planning, the use of modern technologies, and seamless integration with existing systems, we were able to deliver an online store that is fast, reliable, and user-friendly. The project not only met the expectations of its end users but also laid a strong foundation for future growth.

„The website was delivered, it works well and it is fast. A big plus is that we rank well. The Boring Owl team works professionally and is very committed to the project. They are also flexible and very knowledgeable.”

Michał Rugiełło — E-Commerce Director, Kwant Hurtownie Elektryczne sp. z o.o.

Review from Clutch

Technologies used

FRONTEND

a React framework for building the wholesaler's responsive interface

FRONTEND

the interface layer handling tens of thousands of products

FRONTEND

type safety across a large catalogue

FRONTEND

the interface component library

FORMS AND DATA

handling order and enquiry forms

FORMS AND DATA

state management and caching of product data

FORMS AND DATA

HTTP communication with the wholesaler's API

BACKEND

a headless CMS for managing content and the blog

INFRASTRUCTURE

instant deployments and a real-time preview of work in progress

Get an estimate