Linear Team
SAAS-based tool, offering an efficient and comprehensive solution for effective management.
ROLE
UX DESIGNER
YEAR
2021
INDUSTRY
SAAS TOOL
1
INTRODUCTION
Linear Team is a comprehensive app developed to facilitate efficient workforce management for organizations. The app's success relies heavily on a smooth and seamless onboarding process for new users. As the lead developer responsible for the registration and authentication process, my role was pivotal in ensuring a positive user experience from the moment of sign-up.
2
UNDERSTANDING THE PROBLEM
High User Abandonment Rate: The initial analysis revealed a significant number of users abandoning the sign-up process, leading to a high bounce rate. Low Conversion Rate: Despite attracting a decent number of sign-up attempts, the conversion of these attempts into successful registrations was lower than desired. Lack of User Guidance: New users often faced confusion and uncertainty during the sign-up process, leading to frustration and subsequent abandonment.
3
THE DESIGN PROCESS
Research
Ideate
Understand
Test
Tools
Figma & Figjam
Team
UX Designer
Developers
Project Manager
My Role
UX Research
Visual Design
4
RESEARCH
To empathize with users and refine the app's onboarding, employing a dual research approach (quantitative & qualitative). We sent survey emails to users who started but didn't finish signing up, gathering insights into their challenges. At the same time, an analytical tool tracked user behavior during signup, identifying interaction patterns.
• 15 User Surveys
• Follow-up Emails/Feedback
• Google Analytics & User Pilot
While many visitors access the Linearteam registration page, only half of them actually complete the registration process.
5
USER JOURNEY
With the business goal in mind, we ensure a seamless sign-up to onboarding experience for users without any hiccups. Thus, we sketched a current-state user journey map for Linear Team,
6
LOW-FIDELITY WIREFRAME
Various sketches were created, each differing in specific aspects. The chosen version aligned with project goals, prioritizing clarity, functionality, and user-friendliness.
FLOW
1
GET TO KNOW THE USER
FLOW
2
CUSTOMISE THE APP BASED ON YOUR PREFERENCE
FLOW
3
KNOW THE USER GOALS AND TARGET
FLOW
4
INVITE TEAM MEMBERS TO KICKSTART YOUR JOURNEY
FLOW
4
OR INVITE TEAM MEMBERS VIA PHONE
7
IMPLEMENTATION
High Fidelity designs in Figma were effortlessly handed off to our engineering team for development. Working closely with frontend engineers and the product manager, the implementation was executed seamlessly, resulting in a perfect alignment with our vision and goals. This collaborative effort ensured an outstanding outcome.
8
KEY TAKEAWAY