A more efficient onboarding experience

Yarno | 2020 & ongoing

Product design
UX design
UI design
Research
Application
Yarno Playbook screenshot

The challenge

The current onboarding process was very time intensive for the company. We wanted to transform a new customer's experience to be as efficient and positive as possible, whilst also arming the user with everything they needed to use the app to create impact for their own business.

Research

Customer journey mapping a new customer's experience

I ran a customer journey mapping session with the team with the objective of sketching out what a new customer experience looked like; covering their goals, thoughts, feelings and pain points. We then looked at opportunities to improve the experience for the user and make it more efficient for the company to onboard new customers in the future.

customer journey map

Journey mapping workshop in Miro.

User research plan

From here I could identify a research approach based on the opportunities we discovered as a team. My research plan was to do:

opportunities

Some of the opportunities and ideas the team discovered.

User interviews & testing sessions

Onboarding and creating first learning campaign

The objective was to learn more about the goals, thoughts, pain points and questions of users whilst using the product for the first time. We also wanted to identify what pain points could be potential blockers to self-onboarding in the future.

user testing

User testing sessions for onboarding and creating first learning campaign.

Analysing the data from their learning campaign

The objective was to learn more about the goals, thoughts, pain points and questions of users whilst analysing how their first learning campaign went. Again, we wanted to identify what pain points could be potential blockers to self-onboarding in the future.

user testing

User testing sessions for analysing their first campaign.

Gathering all the insights

From all the findings I was able to pinpoint areas that we should focus on first to improve the new customer experience. These were:

findings

Some of the findings & recommendations

Ideation: The Yarno Playbook

Quick content wireframes

A high level content wireframe was put together to start the design of the Yarno Playbook, this featured high level content indicators based on the user research, so that the team to start writing the content.

content wireframe

Content guide.

Higher fidelity wireframes

A high level wireframe was then created with the new content to guide a design prototype. This started detailing out some of the design solutions we wanted to test.

wireframe

Wireframe

Prototyping the experience

Using Webflow I started prototyping the experience to resemble an almost finished product.

prototype

Prototype screens

Next steps...

Validation of The Yarno Playbook

Project to be continued...

final screens
Next project >
Linkedin email me