The redesign project of the Windows & More web platform for configuring windows and doors aims to transform an existing solution into a modern, intuitive, and efficient digital experience for users. The UX audit focused on identifying issues in the original version, proposing practical solutions, and creating a more attractive and functional platform.
Initial Challenges
1. Outdated and Unattractive Interface
- The old design did not provide a modern aesthetic, using visual styles that did not reflect the necessary professionalism.
- UI elements (buttons, fonts, colors) were inconsistent and fragmented.
2. High Complexity for Users
- Window and door configuration was difficult, with too many options displayed simultaneously.
- The lack of a clear guidance process led to confusion and abandonment of the platform.
3. Lack of Modern Functionalities
- Users did not have intuitive options for real-time configuration preview.
- The absence of a responsive design limited the platform’s use on mobile devices.
Redesign Strategy
1. Research and Analysis
- Data was collected about users and their behavior on the old platform.
- Market trends and solutions offered by competitors were analyzed.
2. Defining UX/UI Objectives
- Simplifying the configuration process for users.
- Creating a modern design aligned with current standards.
- Implementing an interactive preview for the final product.
3. Prototyping and Testing
- Low-fidelity prototypes were created to validate navigation flows.
- High-fidelity versions were tested with real users to identify final adjustments.
Proposed Solutions
1. Modern and Consistent Design
- A unified style guide was used for colors, fonts, and layouts.
- Engaging visual elements, such as high-quality images and subtle animations, were integrated.
2. Simplified Flows
- The configuration process was divided into clear steps, each with a well-defined purpose.
- Breadcrumbs and visual indicators were used to guide users through the platform.
3. New Functionalities
- Real-Time 3D Preview: Users can view the configured product from any angle.
- Responsive Design: The platform is optimized for use on desktop, tablet, and mobile.
- Cost Calculator Integration: Users can see the total costs in real-time as they add options.
Practical Example: Configuring a Door
Current Situation:
- Selecting material, color, and dimensions was complicated, and users did not have a clear preview of the final product.
Proposed Solution:
- Organizing options into categories (Material, Dimensions, Accessories).
- Implementing an interactive preview for each selection.
- Adding an option to save the configuration for later use.
Expected Benefits and Results
1. Increased Conversions
A more intuitive configuration process and an attractive design will motivate users to complete their orders.
2. Reduced Configuration Time
Users will be able to configure the desired windows or doors faster, due to simplified navigation and advanced features.
3. Competitive Positioning
Modern features, such as real-time 3D preview and responsive design, will differentiate the platform from competitors.
The redesign of the window and door configuration platform is an example of adapting to user needs and market trends. Implementing a modern, simplified, and interactive design will transform the platform into a top digital solution.