top of page
Client
Shirley Uni
My role
UX Research
UI Design
Project Manage In Development
Summary
I produced an E-Commerce Application integrated with Augmented Reality for easy measurement.
shirley-12.png
PROblem statement
A school uniform retailer is moving towards the augmented reality technology with the adoption of using the AR system to measure children’s body. This is by scanning the child using the camera on a smart phone. The current E-Commerce system which was developed via Wordpress will be shifted to an application, which the user, mostly parents, will be able to create multiple children and have their sizes saved via AR technology. 
Design Process
User Perspective
Understanding catered demographics that will be utilising the platform
 
Technical Perspective
Mapping required to visualise user journey from browsing products, adding to cart, purchasing and receiving invoices upon checkout. Lastly, understanding how Augmented Reality comes into play for users.
​
Design Perspective
Product categorisation, filtering and layout will be studied.
​
Research Methods
Webportfolio_Icons-01.png
Webportfolio_Icons-03.png
Key Players
Webportfolio_Icons-02.png
Collective Feedbacks From Prototype Testing
User Journey
Webportfolio_Icons-04.png
Research Study And Moodboard
The TASK
The goal of this project is to shift the business towards digitalisation. The use of augmented reality technology in the application allows user to have an interaction with the application. Measuring sizes via AR scanning will help to solidify the sizes accurately and saving them per child will help with the purchasing process.
Key Players
Customers (Parents)
Parents will be the one using the application, which will be able to save multiple children’s sizes and use their name as a selection when buying the uniform for them.

Admin 
Admin will be receiving payments and invoices, before forward the packing slip to the warehouse. 

Warehouse
Warehouse will be the one liaising with 3rd party logistics, EasyParcel, and managing inventories at the back.

 
shirleyuniphone-16.png
The USER JOURNEY
SUper admin / Higher management control
ShirleyUni-Super Admin.png
Staff Admin
ShirleyUni-Staff.png
Customer aka the parents
ShirleyUni-User.png
Project Goals
Webportfolio_Icons1-05.png
Find out key players.
Webportfolio_Icons4-05.png
Provide a working prototype to showcase client and a the initial demo for the AR.
Webportfolio_Icons2-05.png
Craft out a journey map for each type of key players.
Webportfolio_Icons5-05.png
Work closely with developer especially with the integrated of AR in the E-Commerce application.
Webportfolio_Icons3-05.png
Produce a wireframe that is suitable for each of the players.
Selected Wireframe SAMPLEs
Home Screen.png
The Prototype
The User (Mobile APP)
THE ADMIN PANEL
Is the problem solved?
Did I Solve it?
Despite having issues with the integration of Augmented Reality to measure the child's body, the developer has made a solution to work around with the suggested plan by using hand gesture instead of manoeuvre the body.​
​
reflection
This is the first project that I have encountered an E-Commerce application that wants to integrate augmented reality technology as part of the body measurement process. The experience was stunning and I have learned all the technicalities needed to provide such solutions in the future.
homepage_cover-11.png
Next project
DD LUnch
bottom of page