Access Code UI
WebXR work for Atmos, a US-based start-up (California, San Francisco).
After a few months of development and following the work we did on the IoT controller UIs, the Team was going to organise a demo to showcase some more features and capabilities of the ATMOS WebXR HMD.
So, with a particular focus on smart homes, we started working on enabling the user to lock/unlock doors by using access codes in AR (augmented reality) mode.
The below video shows a rough prototype I was provided with so that I could design and style the actual AR UI.
For this task, I worked on:
- Iterating on the design concept created by a teammate designer
- Designing assets, UI elements and layouts
Final Design
The hi-fi mockups below show the full sequence of the AR UI granting access to an authorised user.
![](/images/01a-acui-final-designs.jpg)
![](/images/01b-acui-final-designs.jpg)
![](/images/01c-acui-final-designs.jpg)
![](/images/01d-acui-final-designs.jpg)
![](/images/01e-acui-final-designs.jpg)
The Making Of
Design Concept
The images below show the initial sketches of the AR access code UI design concept.
![](/images/02a-acui-design-concept.jpg)
![](/images/02b-acui-design-concept.jpg)
Related Works
Check out more works for Atmos:
Contact Info
Scotland, UK
Edinburgh
+44 7802 321045
contact@thedart76.com
Get in Touch
© thedart76.com 2023 | All Rights Reserved