Preliminary Research

The above is the user profile and user journey map of the software. User pain points and needs were analyzed, solutions were identified, and a user journey map was built from this. The overall software uses a trendy style that is more popular among young people, using Klein Blue with white, and a 3D virtual image. The following is an introduction to each page.

Login Page

The first step to enter the software is to log in to the interface. The first time you log in, you need to collect facial features and create your own virtual person based on this.

Home

After that, go to the homepage. The homepage has content such as the entrance to the fitting room and recommendations. When entering for the first time, you'll be prompted to require location permission to provide weather services.

Fitting Room

Next is the most important fitting room interface. The interface contains the user's virtual image and wardrobe content, which can be zoomed in and compared between the two outfits.

Add Cloths

You can also quickly add new clothes by clicking the plus sign in the fitting room. You can use the shopping platform link or take a photo to add (Figure 1). When taking a photo, you only need to click on the item to automatically select it (Figure 2). After the software recognizes it, you can select OK, and if you identify an error, you can also modify it manually.

Wardrobe

The second item in the nav bar is the wardrobe option. When you first log in, you'll be prompted to quickly add existing clothes. Go to the closet and place all clothes by category in different tabs. Click on the clothes to view details. In addition, it can also intelligently recommend wearing it in the closet based on this item of clothing.

Recommendation

Click on the clothing recommendations on the details page to enter the interface shown in Figure 1. The system intelligently generates outfits. You can select by swiping the left and right cards, and you can choose whether to search from the entire network or only in your own closet. If you find an outfit you are satisfied with when searching all over the internet, you can also click here to view item details and purchase methods. At the same time, the third item in the navigation bar is also recommended. By clicking the plus sign, you can intelligently recommend clothing in the closet based on time, temperature, location, occasion, etc.

My

The fourth item in the navigation bar is My interface, which includes functions such as settings and favorites. At the same time, you can also switch between different avatars to help others try on clothes.

There is a simple interactive prototype in the link below, which you can experience if needed