Pool Configurator: a UI UX case study

Brief:

A pool configurator is essential for designing a customized pool that meets your specific requirements, helps you visualize the design, manage your budget effectively, make informed decisions, facilitate communication with professionals, and streamline the overall process. Every individual or family has unique requirements and desires when it comes to their pool. A configurator allows you to personalize your pool by selecting the size, shape, materials, and features that best suit your preferences and lifestyle.

pool configurator
Pool Configurator
The goal:

To provide Pool builders and Owners a platform where they can have the process of adding configuration in an easy and effective way. Also, to give solution to the pain points of users.

My role: UI UX Designer

Tools: Figma, Zoom

Project Duration: 8 months


The Design Process:

DP
Design Process

User Interview:

We interviewed few Pool Builders and Pool Owners. There were 5 user interviews out of which 2 were on video call whereas 3 were on field.



Key quotes from the Pool Builders:

"It's hard to get correct requirement from the customers."


"I need a platform where I can see all my configurations."


"I want an easy and digital way to share the estimates of the pool configuration with my customers."


"I want a place where I can see all the updates about new equipments in the market."


Key quotes from the Pool Owners:

"I need help in completing the pool configuration as I am not tech savy."


"I want a place where I can communicate with my choice of professionals to get help in the process."


"It would be great to know the price of the setup needed for my pool."


"It's hard to search professionals and even harder to get response from them within reasonable time."

Personas:

Pool Builders & Pool Owners

POOL BUILDER: would want pool configuration for their personal pool or for their customer's pool.

persona
Persona 1 - Pool Builder

POOL OWNER: would want pool configuration for their home pool.

persona
Persona 2 - Pool Owner
User Journey:

We created user journey map to uncover the frustration and delight that user goes through.

User Journey
User Journey for Pool Builder
DEFINE

Competitive Audit:

We examined our competitor's features, pricing, differentiators, strengths, weakness and competitive reviews, etc. This helped in understanding what is already there and what needs to be added to solve the problem user is facing.

competitive audit
Competitors

competitive audit
Competitive Audit
Information Architecture:

We worked on the IA for both the personas. Card Sorting helped us in deciding the pages, labels and the overall navigation.

FOR POOL BUILDER

IA
Information Architecture for Pool Builder

FOR POOL OWNER

IA
Information Architecture for Pool Owner

The Solution:

- A pre-defined configuration kit - standard, economic and luxury according to the pool information added by the user.

- Equipment recommedations according to the pool information filled by user.

- Giving user the control to customise the configuration so that they are not limited by the provided kit.

- Option to send request to selected Professional to confirm about the equipment selection.

- Option to search professionals and contact them for any help.

- A better experience to add and preview the pool pad at the same time on your screen.


Wireframes:

With all the information gathered, we started sketching wireframes on paper. Once we felt good enough, we created digital wireframes on figma. This gave us a rough idea of how our design would look like and what more can be improved. This came in 'Define' phase of our design process.

wireframes
Wireframes


Prototypes:

After several iterations and discussions, we started working on the visual screens. We have used the design system of our organization for consistency.

prototype
Prototype

Conclusion:
This project helped me understand more about the relationship between user and devices. Different people can have different level of understanding for technical things. We also have mobile application in future scope for the same requirement.