UX Design Responsible for VR Customization platform Miid.io

UX/UI Design and Brand Experience for a VR-based Customization Platform

Overview

Miid.io is an innovative start-up offering a real-time 3D and VR-based e-commerce platform that allows users to customize and purchase a wide range of products. The platform was designed to cater to the growing demand for personalized items, delivering a seamless and immersive shopping experience in the Chinese market.

Problem Statement

By 2015, the trend of product customization had become prominent, with brands like NikeID, New Balance, and MiAdidas offering personalized clothing and accessories. However, despite these innovations, customers still faced long delivery times and limited customization options. Miid.io aimed to revolutionize the customization process by offering faster delivery and a broader selection of products, all within an interactive VR environment. My task was to develop a user-centered design strategy that could support this vision while enhancing user engagement and brand experience.

Figure 1. Motion graphics about acquiring unique products.

So, at the end of 2015, I was hired to give shape to an idea focused on offers from a new platform where Chinese users could customize and buy a lot of brand products and the provider would build them and deliver within days.

Research & Analysis

We conducted extensive research into user behavior within the Chinese market, focusing on:

  • Competitor Analysis: Studied existing customization models (like NikeID) to understand user attitudes toward personalizing products. We identified both the strengths and weaknesses of these models to inform our design decisions.
  • User Scenarios:> Defined several use cases to anticipate how different user groups would interact with the platform in various environments, including in-store VR experiences and online customization via mobile and desktop.
  • Personas: Created detailed personas based on research data, representing diverse user profiles such as students, professionals, and shop owners. These personas helped guide the development of features and user flows on the platform.
User scenarios

Due to the fact that customization options grew quickly, there was plenty of data available to us. We used this to accurately define their user base, the way these users behaved and several possible use cases for the app.

Competitor Test in our studio Test in a Shop Test in a shop with VR

Competitor customization helped to study the client's attitude in front of a lot of options to create your own product from scratch.


Many people came with the idea of having a concrete design with their preferences. Others simply explored in a spontaneous way, while others were stuck when they found that they had a lot of options in front of them, even when they previously said they would like to have a unique article.

It implies a visit to our studio where designers would prepare everything to let the user customize hundreds of products. In this scenario, the user is planning to buy in advance and is picking his favourites articles of the total.


User is happy to spend some time creating, because he assumes it takes time (and maybe because he will get some gifts for free), but the experience overall is so creative. We don't see any clients who feel stuck and cannot create at least one new customized product by himself.

Users who want to buy a customized product will be tracked at the shop. It's a must to identify those who customize and are interested in keeping the design. Those who customize and buy the final product and those who customize and don't want to buy, deciding don't want to keep the unique result.


There is no time limit to letting them interact with the interface.

In this scenario, the user is testing a new way of shopping using Virtual Reality with HTC Vibe. The all-new interface requires a bit of time to adapt to the glasses and physical space around. After 5 minutes, the user is totally immersed in an exciting world of parallel reality where buying will be exciting and easy.


Desire of other clients comes around in seconds.


Figure 2. Miid’s user scenarios.
Personas

With common scenarios in place, we were able to define detailed personas using their vast data pool. The personas looked something like this:

Person #1 Person #2 Person #3
Name & Job Yao Rang, Design Student Li Wang, Accountant Joe Yuen, Shop Owner
Age group 18-24 y.o. 25-34 y.o. 35-44 y.o.
Motivation and benefits of product usage

Fast and modern way to design and create unique articles. No need to wait for new collections because it takes longer to deliver.

Simple way of creating special products. The ability to order gifts with a personal touch.

Create new promotions and shocking adverts with products adapted to each target and 360 view of articles to show potential clients.

Need and context of use

All day connected person. Shopping online meets this customization as a logical evolution for him.

A comfortable web to create his own product with no hurry, navigate to the options, and buy the special gift.

A person devoted to trends and ready to adopt the customization as one of his most powerful selling weapons.

Way to product

Recommended by friends. Online promotion and corners at the shops.

Recommended by friends and privates clubs. Promotion or partnership way.

Recommended by brands, distributors and promotions to sellers.

Digital literacy

High

Middle

High

Figure 3. Miid’s personas.

Without a clear understanding of how easy customization of products can be, the demand is not as big. Our goal was to make sure Miid’s platform showcased how great it was to have your own unique product, how real the experience could be, and how easily it can be done.

User Testing & Feedback

We performed extensive user testing across three environments:

  1. In-Studio Customization: Users visited our studio to customize products, interacting with a variety of options. This allowed us to observe how users engaged with the platform when given time to create products with the help of designers.
  2. Retail Shop Customization: We observed customers in a store environment, noting how they customized and made purchasing decisions. This helped us understand the real-world application of the customization features.
  3. VR-Based Customization: Using HTC Vive, users were able to immerse themselves in a virtual environment where they customized products. We monitored how quickly users adapted to VR and how effectively they navigated the customization process.
Figure 5. User testing results (before & after shops exhibitions).

Design Process

One major challenge in the project was to focus on personalization. Our aim was to improve user engagement by understanding more about a user’s personal preferences, allowing us to predict and tailor relevant products for everyone's design preferences.

  • Customization Focus: One of the main challenges was to streamline the customization process for a wide variety of products, making it engaging without overwhelming the user. By analyzing data from user testing, we identified pain points where users felt stuck and implemented solutions to simplify the design process.
  • UI Design: We created a clean and intuitive interface that allowed users to easily navigate through customization options, with real-time 3D previews of their designs. The interface had to accommodate both traditional e-commerce functionalities and immersive VR interactions.
  • Tailored Experiences: The design allowed users to create and share their customized products with ease, integrating features like social sharing and discounts for referrals. A dynamic recommendation engine also predicted user preferences based on previous customizations, enhancing engagement.
Figure 6. Miid platform screenshots.

Key Features

  • Real-time 3D Customization: Users could see their designs come to life in 3D, adjusting colors, materials, and other elements in real-time.
  • VR Shopping: Customers had the option to fully immerse themselves in a virtual reality environment where they could explore products and create custom designs in a unique, interactive way.
  • User-generated Collections: Users could save and share their designs or create entire collections of customized items.
  • Social Sharing & Discounts: Sharing custom designs with friends on social media unlocked special discounts, encouraging viral growth and brand promotion.

Promotion & Launch

We created a promotional video highlighting the VR customization feature to give users a sense of what to expect. The video was a key tool in attracting attention to Miid’s innovative platform, showcasing the first-hand user experience of creating custom products in a virtual environment.

Figure 4. Promotional video about VR Customization.

Results

  • Improved User Engagement: The platform successfully increased user engagement by making the customization process more accessible and enjoyable. User testing revealed that after interacting with the VR interface, users were more likely to complete purchases, and feedback indicated high satisfaction with the ease of use.
  • Enhanced Brand Experience: Miid.io became known for its cutting-edge customization technology, differentiating itself from competitors like NikeID and Adidas by offering a faster, more immersive shopping experience.
  • Platform Scalability: The flexibility of the platform allowed for the integration of additional brands and product categories, giving Miid.io a competitive edge in the rapidly growing customization market.
Most people make the mistake of thinking design is what it looks like. People think it’s this veneer – that the designers are handed this box and told “make it look good”. That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works. Steve Jobs, US computer engineer & industrialist.

The company's founders are exploring the clothing industry to improve customization service on the spot, via VR technologies. Design, User Experience and technology allowed the project to go to another level for customization in Asia

Date December, 2016
Type Mobile apps, Prototyping design
Share

Contact

Are you working on something great? I would love to help make it happen! Drop me a message and start your project right now! Just do it. I will not spam you with
e-mail or add to MailChimp list.

Email hola@iamperi.com

Find me in Madrid, Spain

Social

done

done

done