Magic Mirror.
Roles:
-Developer
-UX designer/ researcher.
-Animation
Tools:
-Spark AR, Lens studio, Unity
-Adobe Illustrator
-After effects.
Forming the Concept
Our aim was to envision the future manifestation of a specific aspect of culture or contemporary life, 100 years from now.
Our team chose to delve into the realm of fashion, drawing inspiration from long-form media. When you view a film or a TV show, what are the initial elements that capture your attention, allowing you to grasp the time period in which the narrative unfolds? We pinpointed key characteristics such as language, transportation, architecture, and style. While language can be influenced by a myriad of social factors, and transportation and architecture are predominantly molded by technical considerations, we ultimately gravitated towards style. We perceived style and fashion as the most potent means to convey the essence of an era in a more abstract way, perfectly aligning with the overarching objectives and scope of our project. By examining the past, we extended our timeline beyond the present. By extending this timeline, we were able to make some calculated guesses. The short clips below are a visual representation of those guesses.
Concept 1.
Concept 2.
Final concept/ working prototype.
Or click the following link if you are on mobile:
Concept animation.
Below, you'll find an animated user journey map. The purpose of creating this map was twofold: to enhance our understanding of the essential elements our user experience needed to encompass and to present these elements in a manner that a client could quickly interpret.
Final assets
We integrated posters and cards to facilitate user interaction, utilizing card information to activate a clothing filter, enabling users to preview how garments appeared on them. Here's how it works:
Users enter and engage with a dedicated AR app to explore garment choices.
They make a selection, such as a long-sleeved shirt.
To find the "Longsleeve" section, they follow posters displaying various styles.
Each poster corresponds to a card. Users pick one and proceed to the try-on booth.
By reading the “codename” on the card, they activate the clothing item for evaluation.
This concept streamlines retail inventory management and reduces space requirements.
The app measures the user, discreetly recommending optimal sizes and arranging home delivery.
This approach benefits both customers (eliminating the need to carry shopping bags) and stores (minimizing space demands).
Garment Options
Style Options
Poster:
ID Card:
Try it out!
This filter requires the information on the ID cards above to work. This is because the experience was an interactive exhibit and benefited from the hands-on component (the cards and posters were printed out).
To use:
Open Snapchat, and point the camera at the Snapcode.
Pick a clothing item from the options and styles shown above.
Follow the instructions stated at the bottom of the selected card.
Photos from the showcase.
