Login Process Optimization
The problem
The login page of the Narwal app has not been updated for two years, leading to deficiencies in user experience and brand consistency.
Business
Complex login process, causing user drop-offs.
Lack of consideration for overseas users' login habits, making the process less user-friendly.
Interaction
Password login is inconvenient, requiring users to recall their passwords.
Manual confirmation of the user agreement, with no prompt, which adds unnecessary friction.
Visual
Outdated visual style and poor page quality.
Inconsistent style between the launch screen and login page.
Our Solution
For domestic users, provide equal access to login via WeChat or mobile number, reducing steps and improving efficiency.
For overseas users, simplify and streamline the login process based on research into their login habits.
Update the visual style of the launch screen and login page, enhancing visual quality and ensuring a consistent experience for both domestic and overseas users.
Competitive analysis
Local Product
One-tap login makes the process faster by removing the need to enter a username and password, but it relies heavily on carrier support.
Provide helpful tips to guide users on entering login information correctly and reduce confusion.
International Product
Password Login: Common but challenges user memory and security, with risks from password reuse.
Social Login: User-friendly and data-rich, but poses privacy and third-party dependency issues.
Mobile Login: Convenient yet risks issues with changing numbers and account migration.
Visual Style
Both domestic and international products often use a solid color background with the brand logo, minimizing decoration. This design choice aims to improve login efficiency.
Use Midjourney for Visual Design
Prompt
vector gradient blur abstract background, with abstract blurred blue and white color, in the style of light blue and purple, Soften edges, hazy, illusory color glow, diffuse style, defocused, by Philip Barlow, --ar 16:9 --niji 5 --style expressive --iw 2
Final Image Generated by Midjourney
Login Process Optimization
For Local Users
Equal Access Login with WeChat and Mobile Number
Encourage unregistered users to use WeChat quick login, directing them to the Narwal Mall mini-program where they can learn about product information.
Hotspot Layout
Moving the login button to the middle-lower, touch-friendly area of the screen reduces the effort required for users to log in.
For International Users
Add support buttons for password login (Remember Me, Forgot Password)
Adding support buttons enhances user experience by simplifying password management and reducing login frustration.
Adapt to the languages of different countries
Ensure a consistent login experience across different languages to enhance usability and maintain user satisfaction globally.