Device details
Role(s): UI/UX Designer
Tools: Pen and Paper, Adobe XD, Illustrator
Devices: Computer, Tablet, Phone
Project type: UI/UX
At Access, we install devices that scan badges for entry. We created something installers can use remotely, and in-person to adjust doors, and badges and to see if they are working correctly. We wanted to use buttons strategically. With Garageband as inspiration, we created a user-friendly screen with the main device at the center.
1. Intro
Below you see the old screen used for the process of installing, it looks confusing, disorganised and messy. This screen was completely overhauled for browser, phone and tablet. On the right you see one of the devices used to install.
2. Illustrations
It quickly became clear we wanted to display the actual device visually on the screen so installators would know what to do both in person, as remotely. Therefor we created illustrations. clearly showing plugs and a screen in the middle to broadcast live events of the selected device.
3. Mobile
On mobile, we removed the illustration all together, because it would be too cluttered. We turned the doors into tabs.
4. Screens
Selected Works
LGZ Dashboard🎯 UI/UX Design
Design System🎯 UI/UX Design
Access Wizard🎯 UI/UX Design
Web design🎯 UI/UX Design
COEO🖼️ Illustration for Explainer Video
AAN🖼️ Illustration for Explainer Video
Docubird🎞️ Animated 2D Explainer video
Dignita🖼️ Illustration for Explainer Video
Privacy Statement | Terms of Service
Copyright and all rights reserved 2024
Website built with Semplice
