Onboarding Folder

Jun 7, 2024

Client

NullSpace

Deliverables

Folder Design

Keywords

Project Exploration, Ideation, Concept Development, Support

The Challenge

Onboarding to a new software is not always an easy task. Therefore, a thoughtfully crafted guide is crucial because it sets the tone for the user experience, offering clarity, ease of use, and a sense of professionalism. As a result, we proposed the creation of an onboarding folder tailored to NullSpace’s brand and user needs. With usability and brand cohesion as top priorities, we examined the user journey from account setup to class scheduling and studied NullSpace’s existing visual identity to ensure the new materials aligned seamlessly.

A tri-fold brochure with black and blue gradient background displays setup instructions in white text. It's open on a brown surface, conveying a modern and organized feel.
A tri-fold brochure with black and blue gradient background displays setup instructions in white text. It's open on a brown surface, conveying a modern and organized feel.

The Solution

Since the folder contains a large amount of information, it can easily feel overwhelming. Various techniques were used to improve readability and make the content more digestible and user-friendly. First, the information was grouped into chunks. Thus, there is a chunk for explaining what the folder is about and what company it is related to, a chunk related to asking for assistance in case of technical difficulties, one where the main steps the user needs to take are presented, and a chunk for the wrap-up section.

Since the medium in which the information is presented is a folder, the text had to be organised on the item clearly and intuitively. Hence, when the user looks at the folder, the first information they notice is the name of the Company and the function of the folder. The first page of the folder opens from right to left, meaning that the next information the users see is the "welcome" message from the company and at the bottom of the page, information about what to do in case they need help. Once the folder is fully opened, the user has an overview of the steps they need to take to achieve a successful onboarding. The headings of these steps were made to stand out, to make them easier to follow, while the text was dimmed to not overwhelm the user. On the last inside page of the folder, the wrap-up section explains how to access their new software, which was left bright, because it is an important moment for the user, where it is confirmed whether they followed the steps correctly or not. Lastly, there is a "thank you" message from the company to indicate the end of the onboarding process.

The image is a step-by-step guide for setting up a NullSpace and Stripe account. It includes sections on logging in, business type selection, personal details, and environment setup, all displayed on a dark background with white text. The tone is instructional and supportive.
The image is a step-by-step guide for setting up a NullSpace and Stripe account. It includes sections on logging in, business type selection, personal details, and environment setup, all displayed on a dark background with white text. The tone is instructional and supportive.
Dark gradient flyer with welcome text for NullSpace onboarding. Left side includes a friendly greeting, instructions, and contact info. Right side features 'NullSpace Onboarding Guide' in bold white text, set against a blue and black gradient background.
Dark gradient flyer with welcome text for NullSpace onboarding. Left side includes a friendly greeting, instructions, and contact info. Right side features 'NullSpace Onboarding Guide' in bold white text, set against a blue and black gradient background.
Showing the development process and version of a guide for new NullSpace users detailing setup steps, Stripe integration, and how to access their personalized studio environment.
Showing the development process and version of a guide for new NullSpace users detailing setup steps, Stripe integration, and how to access their personalized studio environment.

We made it ourselves, coz we had no budget.

We made it ourselves, coz we had no budget.