Crafting intuitive digital experiences that connect and inspire.
Project Scope:
01
In order to stay at the forefront of modern design, I directed a refreshed visual identity that better reflects our product and distinguishes us from competitors for the app revamp project.
During the initial product meetings, I proposed to stakeholders to adopt Glassmorphism for the new app according to my trend research findings . Then I followed up with design solutions (e.g. images below) using figma and presented the prototype iterations.
As a result, the new app has a complete change of interface style based on my ideation.
02
Therefore, from 2024 and onwards, the new LOCKLY Home app adopts the style of Glassmorphism for its new interface design.
Exciting Results:
-
2023's Look - Apple App Store Screenshot
-
New Look Now - Apple App Store Screenshot
03
Design Process:
Started in the fourth quater of 2023, I led the revamp of our mobile app's entire UI and interaction experience.
-
LOCKLY® app landing page in 2023:
-
LOCKLY® new app landing page in 2024:
-
New Onboarding:
-
LOCKLY® app sidebar in 2023:
(left: screenshot of the homepage expanded sidebar in the latest LOCKLY® app design in 2023)​
-
LOCKLY® new sidebar now:
(right: screenshot of the homepage expanded sidebar in the new LOCKLY® app design in 2024)
In the 2024 total revamp project, I created new and modified old interaction flows to improve product experience.
In the following wireframe created in Figma, it showcases a new process flow where users encounter clear pathways of adding properties for their new LOCKLY® smart lock. If no property exists, a user-friendly flow which breaks down the task into multiple steps to better guide users through adding their new device in the app from scratch. For returning users, previously added information are easily accessible, while providing the flexibility to add new ones.
Snippets of other features' new flow of wireframes.
LOCKLY® App New Interfaces 2024
Main features screenshots of latest LOCKLY® app design in 2024
