wear_mockup_croppedA.png

weAR

Project Name

 

weAR

 

Last summer I was an intern at AccessAR, an augmented reality startup in Toronto. During my time there, I had the opportunity to work on the white label redesign of their launch product weAR, a SaaS-based virtual try-on  framework for glasses. Our goal was to create a competitive interface that is easily integratabtle to different companies and focuses on the needs of the consumer. The creative director and I worked closely with the lead developer to ensure the design was feasible and sustainable.

 

Team

Joscelyn Sevier, Bijan Vaez

Duration

April - May 2018

Role

Product Designer

Tools

Adobe XD, Invision, Illustrator

AAR_Intro_layout.jpg
 

Goals

 

Let’s face it, glasses shopping can be a hassle. From going into the store, taking off and putting on multiple glasses and if you have poor eyesight, it’s difficult to see what works and what doesn’t. As a permanent glasses wearer myself, I know first hand how important it is to pick the right glasses; Our biggest problem lies in cultivating the same experience through different channels, especially since it’s a digital format instead of a traditionally physical action.

The company wanted to refocus on being more fashion-forward, to attract retailers such as Warby Parker or Ray Ban. The biggest selling point they wanted to achieve with the new build was: through augmented reality, we can address the negative implications of fashion such as high return rates, fast fashion and environmental hazards. Through our research, we developed a series of goals we wanted to accomplish.

 
 
 

To showcase the customization weAR can provide to businesses. 

As a SaaS framework, weAR was developed to be integrated into commercial businesses. We needed to develop a system that was unbiased but can also be easily reconfigured to multiple company platforms.

Maximize screen space and provide a realistic shopping experience.

Current competitors have a restrictive interface that doesn’t provide enough screen space for consumers to make a practical decision. By developing a seamless and minimal design, weAR allows the needs of users to be at the forefront of their experience. 

Create opportunities to connect customers to social media.

In this digital age, sharing is important. By integrating a sharing feature, users can share options with their loved ones in the comfort of their homes.

 
 
 

Key Features

 

After integrating these aspects, the results produced a seamless and transparent interface that allowed users to try on the glasses with minimal obstruction. Users can quickly change between glasses styles, glasses collection, and colours without worrying about obstructing overlays. The interface itself had to be minimalistic and symbolic; the symbols had to be secondary to the 3D models so the design is thin and small to provide as much screen real estate as possible.

Transitions between each function is quick and the material of the glasses themselves are high enough resolution to provide a realistic interpretation for the user. As a result, we worked with the current technology available to prevent the user’s phone from burning.

 
 
 
 

Shop by Collection

Collections are displayed like any e-commerce experience, it’s curated based on a company’s preference. The try-on glasses functionality is available directly from the product page.

 
aar_services_1@2x.png
 
 
aar_services_3@2x.png
 
 

Real-time Virtual Try-on

weAR’s key feature is their try-on experience. The glasses adjust to environmental lighting and moves when a user tilts their head. By maximizing the screen realty, a customer can decide on frames based on their upper body, similarly to physical glasses shopping.

 
 
 
 

Customize and Share

Customize frame colour and material that is available so customers can fully experience trying different styles. Colours are adjusted based on environmental lighting so each custom frame is as accurate as possible. The sharing functionality provides second opinions from friends, family or the internet.

 
aar_services_4@2x.png
 
 
aar_services_2@2x.png
 
 

Mobile Checkout

Users have the option of retrying glasses in the cart, with customized options available. Current glasses are displayed and the user has the option to add to bag within the checkout.

weAR would be embedded into a companies’ product page for a seamless payment process. This allows users to spend less time in redirected links and eases the path to purchase.

 
 

Results

 

weAR has been demonstrated in many tech conferences such as FashionTech TO, Design Reality Portland and AWE Nite TO. When presented to consumers, they were amazed by the realness and the amount of screen space the new interface provided. 

Many commented how they can see themselves using weAR while on the go or if they’re too busy to go to the store. Which ultimately, is the purpose of the product. To provide a new generation of buyer the opportunity to shop virtually with striking accuracy and style. Currently, the framework is being developed further to incorporate other features.

 
Mood.jpg