Problem Definition.jpg

Teleborder On-Boarding Redesign

Teleborder On-Boarding Redesign

 
flows.jpg

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.

edited.jpg
Protocol

Protocol

 
 

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

New Flow.jpg

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.

 
 
Existing Landing Page

Existing Landing Page

I interviewed my colleagues about marketing, sales, and content needs. Then created a site map.

 
SiteMap-min.jpg
 
 
 
Landing Page 3.jpg
Individual Page.jpg

Wireframes

I created wireframes of landing page layouts and worked with the Sales & Marketing Lead to develop copy.

landing page 2.jpg
Individual page 2.jpg
Landing Page.jpg
business page 2.jpg
 

Style Guide


Mockup

Teleborder Landing Page 5-min.jpg
Teleborder Landing Page mobile-min.jpg
 
 
Business .jpg