Teleborder On-Boarding Redesign
At Teleborder, as an intern and sole designer, I was asked to help improve the sign-up on-boarding experience of the app. The project began with problem definition using lean research methods, and ultimately resulted in the proposal of a new user flow that called for a redesign of the landing page to better segment users prior to sign-up and generate enterprise sales leads.
You can read about my process below.
Duration: 2 months
SKILLS: UX Design / web design / Sketch App
artifacts: proto-personas / competitor analysis / user flow / sitemap / wireframe / style guide / mockup
Problem Definition
Product: Teleborder - HR software for hiring and managing employee work visas.
Original Assignment: I was asked to improve the sign-up on-boarding experience of Teleborder—make the user interface more intuitive and encouraging.
Process: I began by interviewing all my colleagues (it was a small startup of 4-6 people) and asking questions about the issues that they perceived and observed from the users. I also went through the sign-up process myself and audited the on-boarding experience, writing down my thoughts.
Findings: I found that all users, regardless of segment or account type, were signing up through a single channel and landing on the same dashboard. Segmentation occurred during one question of the sign-up that asked if the user was an employee seeking a visa or a administrator handling employee visas.
Refined Problem Statement: Improve user segmentation.
Finding Summary
Proto-Persona Workshop
I also organized and led my colleagues through a persona workshop to discuss our target users and their needs, plus our own business needs.
Findings: There are two unique groups of users or accounts—employees and HR managers (and assistants)—with very different expectations and needs. From a business standpoint, sign-up requirements are different between the two groups as well.
Competitor Analysis
Next, I conducted an indirect competitor analysis to understand how other B2B SaaS products with similar user account dynamics segment their users.
Findings: Segmentation usually happens before sign-ups rather than during the sign-up or on-boarding process. Usually this is done by having seperate landing pages and promotional content for each user segment and/or seperate call-to-actions.
User Flow
Proposal
Sitemap
With the proposal of new user flow, the next step of this project was to redesign the existing landing page, and add new pages for each segment.
I interviewed my colleagues about marketing, sales, and content needs. Then created a site map.
Wireframes
I created wireframes of landing page layouts and worked with the Sales & Marketing Lead to develop copy.