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.
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:
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.
POOL OWNER: would want pool configuration for their home pool.
User Journey:
We created user journey map to uncover the frustration and delight that user goes through.
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.
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
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.
Prototypes:
After several iterations and discussions, we started working on the visual screens. We have used the design system of our organization for consistency.
