Type: Figma Prototype
A Figma prototype for an online shopping experience that simplifies finding items in your size. The app would feature a virtual avatar, allowing users to try on clothing digitally before making a purchase.
Online shopping has taken over the retail industry, with many consumers preferring the convenience of shopping from home. However, one of the biggest challenges of online shopping is finding the right size. Space Clothing aims to solve this problem by providing a virtual avatar that allows users to try on clothing digitally before making a purchase.
The goals of a target user were created. Based on these goals, a user flow was designed, laying out the steps a user would take to find clothes that fit. The user flow was created to ensure that the app would be intuitive and easy to use.
Eight hand-drawn sketches were created to visualize the layout of the app. The sketches were used to plan the placement of elements on the screen and to determine the overall look and feel of the app.
Aspects of the hand-drawn sketches were utilized in the creation of wireframes. The wireframes were created to visualize the layout of the app and to determine the placement of elements on the screen.
Overall flow with basic interactions were also outlined in the wireframes. This was done to ensure that the app would be intuitive and easy to use.
The hand-drawn wireframes were digitized to create digital wireframes. The digital wireframes were created to visualize the layout of the app and to determine the placement of elements on the screen.
Grey placeholder text and images were used in the digital wireframes to represent the placement of final content that would be displayed in the app.
Placeholder elements were replaced with fully styled elements, including images, colors, fonts, and icons. Images were downloaded from the Old Navy Website.
All interactions were added to the digital mockup to create a digital prototype. The prototype was created to demonstrate the functionality of the app and to show how users would interact with the app.
Animations were added to enhance the user experience and to make the app feel more interactive. Transitions were also added between pages.
Some functions, such as the search bar and cart, are not functional. The prototype was created to demonstrate the overall functionality of the app.
Space Clothing is a Figma prototype designed to enhance the online shopping experience by simplifying the process of finding clothing that fits. Recognizing the common frustration of inconsistent sizing in online shopping, this project introduces a virtual avatar that allows users to digitally try on clothing before making a purchase.
