Frame 1063.png

Closet Configurator

This client was a famous Swiss company that builds high quality furniture, mainly focusing on wardrobe and closet pieces. Their strength is in offering the possibility of customising the wardrobes based on personal needs and room space availability. Their request for us was to help them creating a white label tool for the configuration of the wardrobe that could be done directly online from their website by their clients.

Our role was to create the interface of the tool and the interaction behaviours by the users, and we collaborated with another company that was in charge of creating the 3D aspect of the configurator

My role in the collaboration:

Concept design

UX design

UI and visual design

Design system

Project team

1 Researcher, 1 Product partner, 1 Designer, 5 Developers

Value proposition definition

Kickoff workshop

In the kickoff workshop we met the stakeholders, understood their needs and how their current closet configurator is working and how the users normally interact with that, and planned the sprints.

Current software analysis

Target group definition

Information architecture analysis

Competitor analysis

We then did a competitor analysis in order to understand how other tools deal with those flows and interactions.

Screenshot 2021-07-20 at 18.01.11.png

Screenshot 2021-07-20 at 17.54.03.png

Screenshot 2021-07-20 at 18.01.29.png

Identified needs and painpoints

Design principles

With all the information collected through the workshop with the client and the research we did, we could then define the design principles we wanted to follow in order to start creating the new interface.

Screenshot 2021-07-20 at 17.50.19.png

Screenshot 2021-07-20 at 17.50.31.png

Screenshot 2021-07-20 at 17.50.47.png

Screenshot 2021-07-20 at 17.50.39.png

Screenshot 2021-07-20 at 17.50.58.png

Sketching on paper

Screenshot 2021-07-20 at 17.51.51.png

Interface design and
user testing

Next steps were creating wireframes on screen and we then conduced a user test in order to check if our direction was the right one and understandable to the user.

Screenshot 2021-07-21 at 08.48.54.png

Screenshot 2021-07-21 at 08.48.05.png

Screenshot 2021-07-21 at 09.16.59.png

Screenshot 2021-07-20 at 16.38.34.png

Sprint 2 and visual design

After the first user test we started the second sprint with a Think Workshop where we showed to the client the results, analyse them, and discussed how to proceed. We then finalised the interface design also for different devices and worked on the visual design part. Last thing we did was testing again the prototype with the new improvements.

Screenshot 2021-07-21 at 08.36.16.png

Specifications and design system

Last thing I did was creating the specifications for the development with a basic design system.

Screenshot 2021-07-21 at 09.32.08.png

Screenshot 2021-07-21 at 08.37.28.png