Back

Pool & Spa

Online store offering products for pools, saunas, salt rooms, and hammams.

E-commerce
Web Development
UX/UI Design
DevOps

The client

Pool & Spa 

Industry - E-commerce
Location - Ukraine

Services

Online stores
Product and service catalog design
UX/UI Design
CI/CD - applied a set of measures that allow for faster and cheaper delivery of new features to production

Technology Stack

React - stack technology Malevich company
Next.js - stack technology Malevich company
GraphQL - stack technology Malevich company
Material UI - stack technology Malevich company
Docker Swarm - stack technology Malevich company
Cloudflare - stack technology Malevich company
Traefik - stack technology Malevich company
Sentry - stack technology Malevich company
Grafana - stack technology Malevich company
Bitbucket - stack technology Malevich company
Jenkins - stack technology Malevich company

The Challenge

01.
To develop an online store from scratch for pools, saunas, salt rooms, and hammams, featuring user-friendly filters for product categories and specifications, as well as the option to submit inquiries for consultations regarding equipment operation.
The SolutionThe Solution

We conducted a thorough analysis of the target audience for the online store, taking into account previous customer interactions with the website as the basis for deciding on interface design updates. The main feature of the interface design is the Mobile First principle, given that the majority of customers visited the site from mobile devices. Special attention was devoted to developing the mobile version of the site.

To implement the project, we utilized the following technologies:
 

Technologies:

React.js

This library allows you to create applications quickly, and the declarative programming style considerably simplifies the debugging of components and the project. Facilitates dynamic application creation, ease of development, improved application performance, one-way data flow, and use in mobile application development.

Material UI

A set of pre-built elements for rapid interface creation for the web

Next.js

An excellent framework for building robust Node.js APIs. It is based on an excellent modular architecture. It integrates perfectly with TypeScript, enabling it to write powerful, scalable, secure, and maintainable applications.

GraphQL

An open-source query language and runtime for data manipulation, serving queries from existing data.

JENKINS

A tool for automating some stages in the software development process, a key tool for CI/CD

The Outcome

01.

Intuitive interface: Our website serves as a highly efficient sales platform, ensuring that the product pages include comprehensive descriptions and all essential information, enabling customers to place orders independently without reliance on consultants.
 

02.

Empowered shopping experience: We've equipped customers with the ability to tailor their shopping journey, incorporating customized filters based on gender, age, and more. Additionally, we've integrated wishlist and personal account functionalities

03.

Highlighted promotions: Specialized sections for promoting product sales, such as featured products, have been developed to enhance visibility and engagement.
 

04.

Seamless navigation: Contact information, payment options, and delivery methods are easily accessible, streamlining the overall user experience.