01
Project Scope:
The objective was to undertake a complete redesign of the LOCKLY® app, delivering a contemporary appearance and an enhanced experience.
We aim to create a new visual identity that showcases our innovative products. To ensure we remain the forefront of contemporary design, I spearheaded the design process and guided the establishment of a reinvented identity and elevated user experience.
As the sole senior designer on the team, I spearheaded the app’s visual direction by selecting and advocating for Glassmorphism, grounded in UI trend research. I independently developed multiple versions of high-fidelity mockup iterations, then led stakeholder presentations to align leadership on the design strategy. This resulted in formal approval of the proposed aesthetic, which streamlined development handoff and elevated the product’s market differentiation through modern, user-centric visuals. (Some examples of my mockups are displayed below.)
-
Landing Screen Iteration A - Device Overview
-
Landing Screen Iteration B - Device Overview
-
Device Control Screen Iteration A
-
Device Control Screen Iteration B
-
Device Control Iteration C with 'Slide to unlock'
-
Device Control Iteration D with 'Tap and hold to unlock'
-
Device Control Iteration E
-
Activity Log screen
-
Access Management screen
As a result of my proposed iterations, the Lockly Home app officially implemented Glassmorphism in its latest UI overhaul, aligning with user engagement metrics and reinforcing the brand’s modern market positioning through this research-backed design framework.
02
Exciting Implementations:
The revamp is a complete game-changer.
-
Previous Apple App Store screenshot:
-
Current Apple App Store screenshot:
-
Added onboarding tutorial experience for new users:
-
Lockly Website's photos of the new Lockly Home:
03
The Design Process - where the magic happened
In the fourth quarter of 2023, I took the lead on redesigning the entire user interface and interaction experience for Lockly Home, kickstarting what you can see and download from Apple and Google App store now.
-
Login Screen:
Login screen in 2023
New login screen now
-
The previous app featured a static login screen that didn’t create a welcoming atmosphere. In the new version, we’ve incorporated friendly and dynamic screens designed to warmly welcome new users to the LOCKLY® experience (see below).
-
Sidebar:
Sidebar in 2023
New sidebar design now
04
Beyond the look —— improved Interactions
During the 2024 UI overhaul, I orchestrated a redesign of core interaction flows to elevate product usability, including:
​
-
First-time user optimization: For accounts with no prior properties, I crafted an intuitive, step-by-step onboarding flow to minimize cognitive load and ensure seamless device pairing. This modular design broke complex tasks into digestible actions, reducing setup errors by 30%.
-
Returning user efficiency: For existing users, I centralised access to saved properties within a redesigned dashboard, enabling one-click additions of new devices while retaining historical data visibility. The final Figma wireframes, which I led from concept to stakeholder approval, prioritized clarity by visually mapping user pathways and aligning with Glassmorphism’s transparent layering principles.
-
Landing Screen:
Landing screen in 2023
New app landing screen now (first-time user)
-
Device Control (for device with camera):
Device control screen in 2023
New app control screen in 2024
-
Device Control (for device without camera):
Device control screen in 2023
New app control screen in 2024
05
A closer look at some Figma hi-fi wireframe screens:
All screens were created using Figma.
-
Screens were drafted with annotated user flow
-
Account registration screens with app behaviour annotation
-
Main features (Device Home, Device Control, Device Activity Log, Users, Settings)
Different Apps for a Variety of Purposes: View More at Lockly.com
