Unified login/signup

Frontend and UX/UI
Project Overview
This project focused on enhancing user experience by developing a unified login/signup process using phone numbers, addressing common issues of forgotten passwords and email addresses. The goal was to simplify the login flow, making it more intuitive and user-friendly, thereby reducing login friction and boosting user engagement with the platform.
My Role
In my role as a Frontend Developer and UX/UI Designer, I was tasked with designing and implementing the new phone number-based login/signup interface. This involved ensuring the interface was not only visually appealing but also functionally streamlined. My responsibilities included developing the frontend components, integrating them seamlessly with backend services.

TL;DR

Developed a unified login/signup system to simplify user access and address frequent issues with forgotten passwords and emails. As a Frontend Developer and UX/UI Designer, I focused on creating an intuitive interface, integrating it with backend systems, and ensuring a balance between user-friendliness and security. The aim was to enhance user experience, reduce support queries, and streamline the login process.

multiple mockup iphone 14

Challenge

The primary challenge was to effectively integrate a unified login/signup system using phone numbers, catering to a wide range of user scenarios. This required designing an interface that was straightforward and minimized user cognitive load. A critical aspect was to balance security with user convenience, ensuring the system was accessible to both new and returning users without adding unnecessary complications or security risks. Additionally, we introduced a new system for feature flags, which was essential for rolling out this update in a controlled and reversible manner, allowing us to test and adjust the system in real-time based on user interaction and feedback.

The problem

The core problem was the complexity and inefficiency of the existing login/signup process, with users frequently forgetting their login credentials. This led to a surge in password resets and support inquiries, causing user frustration and hindering easy access to the platform.

Goal

The primary goal was to simplify and streamline the login/signup process, addressing its complexity and inefficiency. By focusing on reducing instances of forgotten login credentials, the aim was to decrease the number of password resets and support inquiries, thereby minimizing user frustration and facilitating easier access to the platform.

How do we measure success for this flow?

I measured the success of the new login/signup system by closely monitoring two key metrics: Daily Active Users (DAU) and the rate of new signups. An increase in DAU will indicate that the system is engaging and retaining users more effectively, suggesting improved user satisfaction. Similarly, a rise in new signups will demonstrate the system's user-friendliness, showing that more users are comfortably navigating the registration process and joining the platform.

My Process

Research

In our research for the login system project, I conducted feedback sessions and analyzed feedback, focusing on challenges internal users faced with the existing system, particularly issues with forgotten passwords. This was complemented by a thorough analysis of usage data, revealing inefficiencies and usability problems in user interactions and login behaviors. We also considered market trends and competitor approaches to ensure our solution was competitive and in line with industry standards. The insights gained pointed to the need for a more intuitive login process, leading us to identify the core problem: the system's complexity and the frequent forgetting of login details by users. These findings steered us toward developing a unified login/signup process using phone numbers to enhance usability while ensuring security and efficiency.

User Flow

User flow

In this project, a critical aspect was redesigning the user flow to accommodate the phone number-based login/signup system. I collaborated closely with the backend team to develop a streamlined flow that intelligently recognizes if a user's phone number already exists in our system. This collaboration ensured a seamless integration between the front-end design and backend logic, resulting in a user flow that is not only intuitive but also efficient in handling scenarios where the phone number is already registered. This approach significantly improved the user experience, making the process of logging in or signing up more fluid and less prone to errors or confusion.

Wireframe

User flow

Constraints & Considerations

The project had a tight timeline of just 2 weeks, demanding rapid development and deployment.

Final Thoughts

The project was an intensive learning experience, particularly in managing a tight deadline. The importance of clear and efficient communication within the team was highlighted, as was the need for rapid but thorough testing phases. Adapting the design based on user feedback was crucial, and the project underscored the significance of user-centric design in technology development. Additionally, the experience reinforced the need for balancing security with usability, especially when introducing new methods of user authentication.

wireframe app v2