Summary

Gojara is an e-learning platform for job-seekers, initially launched as a B2B service with job centres as its main costumer.

After its launch, the platform encountered challenges with user engagement, despite receiving praise for its content.
Joining the team as a UX/UI consultant, I focused on resolving these engagement challenges, initiating strategic changes to significantly improve the user experience.

My Role

In my role as a UX consultant, I was tasked with identifying and resolving issues related to navigation and architecture.

Additionally, Gojara sought my expertise in finding strategies to motivate end-users to engage more deeply with the content.

Results

Possible Investors

The updated version of the project has been launched, and initial test runs with job centers have been conducted. The feedback received so far is overwhelmingly positive.

The Project evolves

However, before we could gather sufficient data to draw definitive conclusions, the project's direction shifted from an e-learning focus to a broader platform approach.

People aren't striving to be experts at applying for jobs; they're striving to be employed.
Jean-Luc Ferrazzini, Founder of Gojara

The primary goal for Gojara users isn't just skill mastery, as seen on other platforms, but applying those skills to secure employment.

This distinction is crucial in tailoring Gojara's content and user experience, especially for users urgently seeking jobs, where practical application takes precedence.

Project Stages

During this project, I was hired for two stages, each with its own specific goals. Due to the client's important upcoming investor and customer meetings, everything needed to be developed as quickly as possible, leading to a tight schedule.

The project was divided into the following two stages:

Stage 1 - Expert Review

Getting familiar with the platform and uncovering possible causes for users leaving.

Stage 2 - Create Solutions

Based on insights from the Expert Review and data provided by the client, a redesign was undertaken focusing on the structure, main flows, and key screens.

Whole project time budget: 

95 hours or 2.4 weeks
Time was stretched out over 1.5 month.
Stage 1

Expert Review

Introduction

As the company contacted me, they had a hunch about what might be causing users to leave the platform shortly after joining. However, they chose not to share their suspicions until after I completed my independent analysis, ensuring an unbiased review.

In addition to seeking an expert opinion on this specific issue, they also wanted a general evaluation of the platform's current state.

My results for the review included:

  • Annotated screenshots of current flows and screens within Figma.
  • A list of hypotheses identifying the main issues.
  • An action plan detailing methods to identify potential solutions.
Pragmatic cooperation

Given the need for a swift review, we decided on a hands-on, streamlined approach without extensive documentation. I provided them access to my Figma file, and we collaboratively reviewed my findings and ideas.

I mainly focused on the following two areas:

Usability and Accessibility best practices.

A screenshot of my figma file, showing multiple screenshots with annotations

Main User Flows and general structure.

An screenshot of my figma file showing multiple pages with annoations and links to other pages

Core Problem Hypotheses

Since I believed the root problem stemmed from broader issues not confined to a specific screen or element, I formulated several hypotheses to articulate this perspective.

To further assist the client, I developed an action plan outlining steps to address these issues.

A screenshotof the upper part of the hypotheses document
Screenshot of the results presented to the costumer (German).

Main Hypotheses:

1

Do really all ways lead to Rome?

Users have the option to access the same content through “My Academy” and “Etappen” in the main navigation. Additionally, this content can also be reached via home, but it is presented in a different format there.

This overlap in content access points creates confusion among users, leading them to question whether the content is the same, if there are any differences, and how they should choose to engage with it.

2

"My Academy” as a prescribed Curriculum

With Gojara, the user is free to choose the learning content and its sequence, as the individual subject areas are self-contained.

However, the way the content is listed creates an impression of a specific, sequential order. This perception is further reinforced by elements like the initial headline “Starting”.

Given the extensive variety of learning materials available on Gojara, this misconception of needing to complete everything can be overwhelming for some users, potentially leading to a loss of motivation.

3

Lost in Content

The lack of a clear, descriptive overview of main topics forces users to scroll through all the content to gain an understanding of what's available. Often, the specific subject areas only become clear upon reaching a subpage.

This not only complicates the process of selecting specific content from the middle but also significantly increases cognitive load, as users struggle to remember where each piece of content is located.

Ultimately, my review confirmed the client's initial hunch, which was further supported by data indicating that users were getting lost.
Stage 2

Create Solutions

General Solution Process

Given the client's desire for a swift handover to external developers, I adopted a lean approach. This focused on rapidly generating ideas to address the "Core Problem Hypotheses" and tackling more detailed issues during the Design phase.

In collaboration with the client, we selected the most promising solutions to quickly develop a testable version.

Client Prework

The client had previously conducted user research, providing me with valuable insights into the circumstances, goals, and pain points of the end-users, which I could utilize in my work.

An image depicting the overall process: Phase 1 involves continuous ideation, prototyping, and testing. Phase 2 is focused on Design & Build. The final step is measuring results.An image depicting the overall process: Phase 1 involves continuous ideation, prototyping, and testing. Phase 2 is focused on Design & Build. The final step is measuring results.
Client Prework

The client had previously conducted user research, providing me with valuable insights into the circumstances, goals, and pain points of the end-users, which I could utilize in my work.

Stage 2 / Phase 1

Ideate & Asses Ideas

Overview

In this phase, I worked highly independently, yet maintained regular, open discussions with the client to review ideas and findings.

This approach enabled me to progress quickly, explore various concepts, and have them evaluated both by myself and the client.

How Might We (HMWs) for Focused Ideation

To initiate the ideation process, I employed the "How Might We" (HMW) method. This approach enabled me to focus on creating solutions for specific pain points, rather than attempting to address all issues simultaneously.

Ultimately, this allowed me to review all generated ideas and determine which ones could be integrated into a comprehensive concept.

 Colorful postits below How might we questions
The result of my ideation where a collection of several possible approaches on how to tackle every HMW question. (German)

How might we...

...
support the user in finding the right  learning content for their current needs?
...
give the user an overview of their progress and next steps?
...
motivate the user to complete learning content and move on?

Competitor analysis

To enhance my comprehension of e-learning platform structures, along with motivation and guidance patterns, I carried out a lightweight analysis of both direct and indirect competitors.

This resulted in a curated collection of screenshots and notes, encapsulating key insights.

A collection of screenshots from e-learning platforms
Image of collected screenshots from direct and indirect competitors.

Wild Sketching, Wireframing & Assessment

I generated numerous smaller ideas, quickly sketching them for further clarification when necessary. For concepts involving structural changes, entire flows, or significant features, I delved deeper, sketching out multiple screens to explore these ideas more thoroughly.

After sketching some promising concepts, I conducted a rapid self-assessment, refining the ideas or setting aside the less viable ones.

Ultimately, I presented the most promising sketches to the client, and together we decided on the final approach.

A wireframe of a solution idea, with annotations and a self assesment
This wireframe presents the concept of an application profile that progressively fills up as the user completes more lectures.Assessment: This idea will not be pursued further due to a shift in concept from e-learning to applicant profile creation. However, certain elements of this design remain intriguing and may be useful in other contexts
During my ideation looking at competitors and ideating myself constantly took turns.
Stage 2 / Phase 2

Design Solutions

Introduction

In the subsequent phase, I developed detailed sitemaps, flows, and wireframes, meticulously outlining all decisions, both major and minor.

In the section below, I will highlight some of the key decisions made during this process.

Main Question 01
How to simplify the architecture to ensure users always know where to find what content?

Revamping the Overall Structure

The current structure of the platform was one of the main concerns that derived from the Expert review and the collected data.

Old Sitemap

At first glance, the platform's original structure seemed manageable, but it presented several issues:

  • Redundant navigation paths leading to the same content without adding user value.
    See Hypothesis 1.
  • Vague main topic labels (start, plan, find, do) that negatively impacted content discoverability on the homepage.
  • Overly detailed presentation in 'My Academy', allowing access not only to main topic pages but also to every individual lecture.
    See Hypothesis 2 & 3.
    The profile page, despite housing important functionalities, was not directly accessible to users and could only be reached during the login process.

New Sitemap

The focus of the redesign was on enhancing content discoverability, which applied to both general structure, navigation and content presentation.

  • My Academy is now the home page.
  • “Etappen” (Stages) was eliminated.
  • The learning content was reorganized into more narrow main topics with descriptive titles (read more below: Redesign "My Academy").
    The profile page has been integrated into the site's hierarchy and is now easily accessible to users.
Main Question 02
How to create an overview of the content without intimidating or overwhelming the user?

Redesign of “My Academy”

To reinforce the new hierarchy, another main focus was the redesign of “My Academy”.

Restructuring the content

As already mentioned for the sitemap I restructured the content with the main focus on making the content discoverable as well as easy to scan.

Old Version of “My Academy”

  • A long list view, what can be quite intimidating, and specific lectures are hard to find.
  • The 54 Progress bars in total are very discouraging.
  • Quiet some scrolling needed to get to the lower content.
  • Creates a feeling that you need to work from top to bottom.
  • Positive: No hidden content, the user can read through all lectures.

Old  Version of “Home”

  • Just the four undescriptive main topics are presented. Specific content hidden on subpage.
  • Because the main topics are so broad a lot of text is needed to specify their content.
  • Because one Main topic can have up to 23 lectures the progress bars are very dissatisfying.
  • Positive: The content feels not so overwhelming at first.

New Content Structure

  • The content is divided into three distinct sections, each delineated by a descriptive headline.
  • Expanded the main topics from four to eight to enhance the specificity of content expected by users, while maintaining its scanability.

New “My Academy” Concept

  • My Academy now serves as home as well.
  • The eight main topics are presented as individual cards rather than a list, to emphasize each as a self-contained subject that doesn't rely on the others.

More example Improvements

1

Clearer communication for Certificates

In the previous design, downloading certificates was not prominently featured, and a single main topic could encompass several certificates or was scattered over multiple sub-topics.

2

Redesign Main Topic Page

The lectures within a single main topic are interconnected, and although each is independent, it often benefits users to progress through them sequentially.

Previously, these lectures were displayed in a grid format, complicating the quick scanning of headlines, particularly when a sub-topic included more than three lectures.

Additionally, users could navigate between main topics using an extra navigation bar on the top. While this was intended to be helpful, it creates confusion on how to progress through the content.

This was supported by data showing that users rather navigated to another main topic than exploring a lecture, before they got lost.

Time for validation
How easy is it to find specific content after the reorganisation?

Remote Usability Testing

To evaluate the effectiveness of our updates, we carried out five moderated-remote usability tests.

Main question we wanted to answer:

  • Do the headlines and topic titles provide sufficient description for users to gain a clear understanding of the content they will encounter?
  • How straightforward is it for users to locate specific lectures?
  • Is the content perceived as a predefined curriculum or as a flexible, pick-and-choose e-learning platform?
  • Are users consistently aware of their current location within the platform and how to navigate back to the overview pages?
  • Do users comprehend the concept of the certificate system and the steps required to obtain one?

Our test was a combination of explorative and goal oriented tasks. If applicable we used SEQs (Single ease Question) to get a general impression of Easiness to use across attendants, with 1 being extremely difficult and 7 being extremely easy.

Test Boundaries

A primary goal was to enhance motivation for engaging with more content.

A usability test is not the most reliable method for obtaining meaningful results in this area, but we assume that we will gain more robust insights through future data analyses.

Nevertheless, certain aspects of our Usability Test do impact motivation, as they are aimed at minimizing frustration, intimidation, and confusion.

We achieved a 6.4 SEQ score on average across all tasks - very easy.

Findings

Apart from a few minor issues, we identified several problems with wording and icon usage. The primary concern, however, was that the presentation of the main topics came across as overly impersonal.

Consequently, we chose to represent each topic not only with an icon but also with images, aiming to create a more human and positive appearance.

Priority List & Hand-over

For the concluding meeting and to facilitate the handover to the remote development team, I compiled an overview of all my findings.

Including:

  • The revised sitemap
  • Detailed wireflows with comprehensive annotations for the development team.
  • A prioritized list reflecting my recommendations for the implementation of changes.
  • High-fidelity versions of the main screens.
The upper part of the priorority list
A snapshot of the priority list I created for the client.
A zoomed out screenshot of my figma file showing multiple pages linked with lines
Screenshot of my figma file for the hand-over to the development team.

Creating images with AI

Locating suitable images of everyday people can be challenging.

Because we increased the main topics from four to eight, we were in need for some new header images for the concerning pages.

After I searched quite a while for images of poeple that suited our needs I decided to use Midjourney, a generative AI tool, to create the images.

Transforming Gojara:
From E-Learning to the Ultimate Job Seeker's Platform

Since the completion of this initial project, Gojara has evolved beyond its roots as an E-Learning platform. The founders of Gojara are now dedicated to shaping it into the ultimate resource for job seekers, enriching the platform with a variety of new tools tailored to their needs.

Additionally, they have shifted their focus from the initial B2B service, which primarily targeted job centers, to directly engaging with end consumers.

A zoomed in screenshot of Gojaras CV maker tool
CV Maker Tool, concept by a deisgn team
A screenshot of a step of Gojaras AI supported application tool
Creation of Personalized Applications Supported by AI, Concept done by me.
Read project story
Moving away from E-Learning as the core experience presents new challenges for the overall Information Architecture of the platform.
But this is a story for another time

Conclusion

Working on this project was a really great experience, and it was made even better by having such a great client to collaborate with. We clicked right from the start, and our hands-on approach was just what was needed, especially considering the tight deadline we were working with.

This project really highlighted how important content structure is to the user experience. It's not just something for content-heavy projects like e-learning platforms; it matters in all kinds of projects.

I wish there had been more time to devote to the final visual design. Initially, it wasn't included in the brief, as the primary focus was on restructuring and developing concepts.

But I'm pleased that the client was happy with my work and has brought me on for more projects. I'm excited to see where Gojara goes from here.

Explore another story