TouchOpen App

TouchOpen is a women's online shopping platform that uses data analytics to provide personalized fashion recommendations based on body shape, skin tone, and preferences. It combines online convenience with offline services like in-store try-ons. TouchOpen enhances customer experience with customized outfits that reflect the latest trends and personal aesthetics, meeting the demand for distinctiveness and quality in women's apparel.

My Role

Type:

Duration:

Tools:

Internship Project

May 2022 - August 2022

Figma, Illustrator, Photoshop

I acted as a UI/UX designer, specializing in the interface design for all pages related to "Body Shape and Skin Tone Matching" and "New Pricing Model" features within the app. My role involved architecting intuitive and efficient user interfaces that integrate these features seamlessly, enhancing user interaction and engagement.

Design Objectives

Enhance Personalization

Streamline User Experience

Increase Conversion Rates

Foster Trust and Transparency

Create interfaces that allow users to input and adjust body and skin tone details easily, enabling the platform to offer highly personalized clothing recommendations.

Design a user-friendly interface that simplifies the navigation and interaction processes, making it straightforward for users to understand and use the new pricing model and matching features.

Develop designs that encourage users to engage more deeply with the app through clear calls to action and minimalistic design, thereby increasing the likelihood of purchases.

Implement design elements that communicate how user data is utilized to tailor recommendations and pricing, thereby building trust in the platform's algorithms and business practices.

For “New Pricing Model” Feature

A price display system that enhances price transparency and user trust by showing users the cost components of each garment in detail.





Product Card
Displays clothes set and total price

Product Headline
Displays price composition: cost and service

Pop-up Window
Details of cost and service

Product Details
Visualization of price-setting process

Add to Cart
Allow users to know each clothe’s price and individual purchase

My Orders-Processing
Displays each order in the form of each clothes set

My Orders-Completed
Users can see history of each clothes set




For “Body Shape and Skin Tone Matching” Feature

A highly customized algorithm that recommends the most suitable clothing combinations based on user-provided body shape and skin tone information.




Home Page: Pop-up Window
Remind users to update body shape and skin toen data

Product Details: Pop-up Window
Remind first-time users to the new feature

Product Details: Matching
Circled all matched body shape and skin tone for this clothes set, and tagged user’s match

Tag
User’s matched body shape/skin tone


Different Status:

User not entered data for matching

No matched body shape and skin tone for user