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 researching emerging UI trends and selecting Glassmorphism as the core design approach. Drawing on these insights, I independently developed multiple high-fidelity mockup iterations to explore and refine the aesthetic.
​
I then led stakeholder presentations to articulate the design rationale and align cross-functional leadership on the proposed strategy.
This process resulted in formal approval of the Glassmorphism concept, streamlining the development handoff and elevating the product’s market differentiation through modern, user-centric visuals.
Examples of my mockups are included below to illustrate the evolution and final execution of the design.
-
Style A - Landing
-
Style A - Device Control
-
Style B - Activity Log
-
Style B - Access Management
Ultimately, the modern, user-centric visuals contributed to a 70% increase in user engagement, 25.4% in onboarding success, and reinforced Lockly’s positioning as a forward-thinking, design-led brand.
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:
-
ref: Product website showing Lockly Home new designs
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 update:
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).
-
The new and dynamic login screens:
-
Sidebar update:
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 update:
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.
-
Account registration screens with app behaviour annotation
-
Main features (Device Home, Device Control, Device Activity Log, Users, Settings)
Results:
The Lockly Home redesign project achieved a new benchmark in design excellence for Lockly. By introducing an innovative Glassmorphism design concept, the project elevated the brand’s digital experience to a premium, modern standard. Through in-depth user research, detailed journey mapping, and iterative prototyping, the final solution delivered a mobile application that not only simplifies smart lock management but also strengthens user trust and engagement.
The refined visual language, combined with intuitive interactions, set Lockly apart in a competitive IoT market.
Takeaway:
This project demonstrates how individual design leadership can meaningfully shape both product direction and brand perception. By proactively researching emerging UI trends and advocating for a modern visual approach, I was able to align stakeholders around a clear design vision grounded in user needs and market differentiation. Spearheading the adoption of Glassmorphism not only modernised the Lockly Home experience but also underscored the impact a single designer can have in driving innovation and translating research-backed concepts into a cohesive, high-quality product that resonates with users.
Different Apps for a Variety of Purposes: View More at Lockly.com
