The aim of the project was to create intuitive mock-ups (wireframes) of a custom order wizard that would enable Wetroomsdesign’s customers to order custom-sized sub-tiled shower trays in an easy and clear way.
Problem Genesis
The problem tackled in the „Custom Order” project stemmed from the complexity and inefficiencies users faced when placing custom product orders. Many users found it difficult to navigate existing systems, leading to confusion and errors in their orders. The goal was to create a simplified, user-friendly solution that would streamline the customization process and reduce these frustrations.
Extensive desk research was conducted, analyzing existing solutions and finding suitable examples of successful product customizers such as mycs. This research helped identify best practices and common pain points in custom order systems. After gathering sufficient data, the initial concept of the customizer tool was sketched, focusing on simplifying the flow and making the interface as intuitive as possible.
With the sketches in place, the design phase began in Figma, creating the first wireframes and prototypes. This allowed building a solution that would address the key issues discovered during research, ensuring users could easily customize products and track their orders with minimal effort.
After developing the initial wireframes, the design was refined by iterating through several versions. The focus was on creating a visual hierarchy that guided users step by step through the customization process, minimizing confusion and ensuring clarity at every stage. User-friendly features like real-time previews and clear progress indicators were integrated to make the experience more interactive and transparent.
Solution
The custom order solution focused on simplicity, clarity, and user empowerment. Key features of the solution included:
- Intuitive Customization Flow: A step-by-step process that guided users through each customization option, reducing the likelihood of mistakes or misunderstandings.
- Real-time Visual Previews: As users made selections, they could see instant visual updates, allowing them to understand exactly how their choices impacted the final product.
- Clear Progress Indicators: Throughout the process, users were provided with clear feedback on their progress, ensuring they always knew where they were in the customization journey.
- Simplified Order Management: Once the customization was complete, the solution offered straightforward order management, allowing users to track their orders and make changes with ease.
- Component Design for Web Integration: Designed as a flexible component intended to be installed on websites — mockups demonstrated how it could be integrated into wetroomsdesign.co.uk.
Though the component was not programmed, the detailed design provided a comprehensive guide for future development and integration, ensuring the custom order process would enhance user experience and meet business needs.
Project in Details
- Duration: February 2023 – April 2023
- Research Phase: Desk research, including analysis of product customizers like mycs
- Design Phase: Multiple wireframes and mockups in Figma to refine user flow and interface
- Tools Used: Figma (wireframes and prototypes), Miro (brainstorming and process flow), Blender (3D visualisations), Asana
- Role: UX/UI Designer, Researcher
- Outcome: A fully designed custom order component, ready for development