Infoodle - Onboarding UX Case Study - IpadInfoodle Logo

Customer Onboarding

Role
Senior Product Designer, Concept, Visuals
Services
UX Design, Wire Framing, Prototyping

Infoodle required an upgrade to their customer onboarding.
The company desired to see an increase in the amount of users who go to their product platform and sign up without requiring any additional help from the Infoodle support team.

Project Vision

Infoodle is a management platform designed for churches, community and not for profit organisations. The platform is set up to allow users to manage their entire organisation - everything from donations, communications, events and everything in between.

Infoodle approached me as they had a challenge when it came to users logging in and users signing up to the system. After some simple research I concluded that the platform did not identify the customer enough and this became a core attribute to the success of the project.

5 Challenges

  1. Create an easy to understand workflow for users
  2. Allow users to recognise easily how to sign up
  3. Increase usage on mobile for the client's users
  4. The range of user technological skills and capability
  5. The design was outdated and needed a refresh
Infoodle Case Study - Main Image

Project Kick-Off

At the start of the project I sat down with Richard, CEO of Infoodle, to help me understand who the user is and how they are currently signing up to the platform. It was clear that there were a few challenges around the sign up process. I concluded that with a new refresh this problem could be solved. When designing I wanted the platform to handle single sign-on from multiple different platforms including Xero, Google and Magic Link.

The sign up process was also part of a bigger project for Infoodle where they wanted the user to be able to upload people data from a different source. After understanding the specs from Richard, I needed to ask the right questions and hear the concerns of the user.

User Personas

Understanding the users and the needs of the user is critical when it comes to designing the right application. In this project we had two types of users which we were designing for.

David Thompson

Church Administrator

David has been deeply involved in the administrative side of religious organisations for over a decade. He holds a degree in Business Administration with a focus on non-profit management. David's passion lies in using technology to streamline operations within religious institutions, aiming to improve efficiency and outreach.

Demographics

Gender
Male
Age
34
Location
United Kingdom
Education
Degree in Business
IT Knowledge
Male
People Skills
Moderate
Organisation Budget
Low - Mid
 

Goals & Challenges

  • Efficiency in Administration: David aims to optimize administrative processes within churches to allow more focus on community engagement and spiritual growth.
  • Tech Integration: He's committed to finding and implementing user-friendly, cost-effective software solutions tailored for non-profits, allowing smooth data management, communication, and financial tracking.
  • Feature Requests: He values platforms that offer comprehensive features for member management, fundraising, communication tools, and volunteer coordination
  • Budget Constraints: Being in a non-profit sector, David faces budget limitations. He needs cost-effective solutions that provide significant value without hefty expenses.

Sarah Ngatai

Administrator at a Non-profit Organization in New Zealand

Sarah has a rich history in administrative roles within non-profit organizations, particularly focusing on community development and social services. She holds a diploma in Social Work and has been an integral part of various initiatives aimed at improving the lives of underprivileged communities in New Zealand.

Demographics

Gender
Female
Age
42
Location
Auckland, NZ
Education
Social Worker

Skill set

IT Knowledge
Male
People Skills
Male
Gender
Male
Gender
Male

Goals & Challenges

  • Empathetic: Sarah deeply empathizes with the struggles of the community and is passionate about making a positive difference.
  • Resourceful: Sarah's meticulous nature ensures that records are maintained accurately, and administrative tasks are handled efficiently.
  • Feature Requests: She values platforms that offer robust reporting features to track the impact of their initiatives, enabling them to showcase results to stakeholders effectively.
  • Collaborative: She values teamwork and believes in leveraging collective efforts for greater impact.

User Jounrey

A key part to any successful project starts with understanding the user and understanding how they flow through the product. Below is the userflow for the Infoodle onboarding process.

Infoodle - Onboarding UX Case Study - Wireframe

Wire Frames

Before moving on to high fidelity wireframes and mocks, I wanted to get a feel for what the core of onboarding process would feel like, we sat down together and did some basic wire frames. We came up with 3 different concepts. A one pager, a solution where the user is verified first, and then a solution where we break it down in to multiple sections. We choose the last option as we felt that way it created the most person and human centered approach.

Infoodle - UX Wire Frame - Case Study - One PageInfoodle - UX Wire Frame - Case Study - StepsInfoodle - UX Wire Frame - Case Study - One Page

Key points from the design

The final solution consisted of seven steps. While this sounds like a lot, by having seven slides we could break content down into relevant sections. By showing the user progress on how far they are through the sign up, the user became more comfortable with the entire process.

User Ownership

One of the key things we identified with the user group was that organisations wanted to make sure it felt like their own.

The team and I worked on a way to do that and we implemented the ability to upload the organisations logo and cover shot. This created ownership for the user. It meant that as soon as they logged into the platform the user felt like it was their piece of software.

Familiarty

As Infoodle has many different user groups we wanted the sign up process to work for all of them.

To do this we worked with the team from Infoodle to make the sign up process dynamic based on the selections. Some areas we did this was based on the location of the user, the type of organisation and the role that person played in the organisation.

This forced us to go back to the drawing board around the order of the steps before implementing the design. Overall it has made the sign up process very smooth and easy to follow no matter your role in the organisation.

Simplicity

After understanding the user groups it was clear that we had a wide range of users and we needed to make the sign up process really simple.

We did this by removing the clutter from the sign up process. We also needed to navigate the user to a totally different part of the platform. This meant that we had freedom to switch up the look and feel of the platform. It was important however to ensure the user understood they we still connected to Infoodle during the whole process.

Benefits / Story

A key value we wanted throughout the whole sign up process was the "human touch" - the support that a user would get through the sign up process. We completed this objective by utilising the left hand column.

Here we put testimonials of customers, the main features of the platform, what the customer expected to get and how to contact Infoodle if the user required help with anything.

Final Design

Step 1 - Organisation Deatils
Step 2 - Type of organisation
Step 3 - User Details
Step 4 - Send email verification
Step 5 - Email verification design
Step 6 - User role
Step 7 - Finish

What I learnt from this project?

During this project, I gained firsthand insight into the potency of design systems, witnessing how they significantly expedite the design process. Additionally, I explored a novel concept involving enhancing sales value within the signup process without overwhelming users. Working with the color teal was a new experience for me, and it was intriguing to navigate the balance between incorporating enough teal onto the page without it becoming excessive.

Final Thoughts

By working with the team at Infoodle and truly understanding the user we were able to achieve a really great onboarding process. Users are now signing up and enjoying the process.

I really loved the way that Infoodle understood how customising the platform could begin to meet the exact needs of the user.

By working together we created a great solution. This has led to me taking on more projects for Infoodle, including a Login Upgrade and Data Upload which now fit really nicely with the onboard process.

They asked me to continue on...
Since completing this project I have been asked to continue on and design the rest of the infoodle platform.

Stay tuned to see how its going
Infoodle - Case Study - Final Thoughts Image - Laptop
Richard Smith - Ajuke Smith - Infoodle Testimonial
Richard Smith - Ajuke Smith - Infoodle Testimonial
"Working with Karl has been an absolute pleasure, not only did he save me hours, his work was far superior to ours. We love our working relationship we have with Karl."
Richard Smith - CEO