SUPREME VR SHOPPING
The Supreme VR shopping experience broadens users’ understanding of trends and ensures they remain on the cutting edge of fashion.
Duration
5 weeks
Designer
koan sun
Works
research
ux design
ui design
MAIN FEATURES
02 - 1 : View celebrities with the same item
FEATURE 02
: browse more item information
When users select an item, celebrities who own the same item are displayed in their peripheral vision, while additional item details are shown in another peripheral view.
Users can view this additional information by turning their head to the left or right.
FEATURE 01
: add item to bag
02 - 2 : View item details
FEATURE 03
: avatar space
In Supreme VR shopping design, users can try on items using their own avatars or those of trendy icons like Drake and Kaws.
VR UI RESEARCH
To design a user-friendly UI for the VR environment, I researched comfortable vision ratios to create the main UI and applied general UI principles specific to VR.
Additionally, it's important to note that while some challenging view ratios can be difficult, they can also be effectively designed and valuable in specific contexts.
LOW-FI WIREFRAME
In the low-fidelity wireframes, selecting an item displays celebrities who own the same item in the user's peripheral vision, while additional item details are shown in another peripheral view.
Add to Cart
The mid-fidelity design uses a web-style 'Add to Cart' feature, where clicking the button updates the shopping cart icon.
However, this approach doesn't fully utilize VR's immersive capabilities. In the high-fidelity wireframe, I introduced a shopping bag feature to better capture the realistic and engaging aspects of VR.
MID-FI PROTOTYPE
& ITERATION
Avatar Space
-
It's better to show the avatar with the item immediately when the user gets into the avatar space.
-
Displaying item size and color selections blocks the environment and uses a web-style UI. In the high-fidelity design, users can view these selections by pressing the item for a long time, enhancing the immersive and playful experience.
PERSONA
View Celebrities with the same item
When users choose an item, they can view videos or images of celebrities wearing it on the left side. Besides, users can click on the celebrity to access more information about them.
User feedback indicates that this design is satisfying.
browse celebrities
who own the same item
Tap on the celebrity to view related item videos and access more information about them.
002 :
TRY ITEM ON AVATAR
003 :
BROWSE TRENDY ICONS
004 :
DETAIL INFO
ABOUT
THE ITEM
UI DESIGN
The interface is designed to be user-friendly, featuring transparent drop-down lists and catalog tabs for a seamless browsing experience
With sleek fonts like Teko and Ubuntu, Supreme VR Shopping delivers a modern and futuristic aesthetic, enhancing users' shopping journeys
