Creators Supply

UX/UI Design

UX/UI Design

Creators Supply, a client collaboration project that led to the curation of an educational learning platform for creatives that enhances community learning through an engaging and interactive experience spanning across desktop, mobile and even VR.

Creators Supply, a client collaboration project that led to the curation of an educational learning platform for creatives that enhances community learning through an engaging and interactive experience spanning across desktop, mobile and even VR.

Role

Role

UX/UI Designer

UX Researcher

UX/UI Designer

UX Researcher

Tools

Tools

Figma, Google Forms

Figma, Google Forms

Team

Team

Bushra Habibah

Daniel Adegboyega

Nabeel Nan

Bushra Habibah

Daniel Adegboyega

Nabeel Nan

Duration

Duration

Sep 2024 - Dec 2024

Sep 2024 - Dec 2024

The Problem

The Problem

Creatives are eager to grow and refine their skills, they find inspiration and motivation by engaging with creative communities. However they struggle with time management and feel overwhelmed by stream of new things to learn.
How can we create an online learning platform that assists creatives to manage their time and engage meaningfully with a supportive community?

Creatives are eager to grow and refine their skills, they find inspiration and motivation by engaging with creative communities. However they struggle with time management and feel overwhelmed by stream of new things to learn.
How can we create an online learning platform that assists creatives to manage their time and engage meaningfully with a supportive community?

Creatives are eager to grow and refine their skills, they find inspiration and motivation by engaging with creative communities. However they struggle with time management and feel overwhelmed by stream of new things to learn.
How can we create an online learning platform that assists creatives to manage their time and engage meaningfully with a supportive community?

The Goal

The Goal

Create an engaging learning platform that helps creatives manage their time and fosters a friendly supportive environment to motivate users to achieve their goals together and thus also return to the platform.

Create an engaging learning platform that helps creatives manage their time and fosters a friendly supportive environment to motivate users to achieve their goals together and thus also return to the platform.

My Design Process

My Design Process

Empathise

Empathise

Define

Define

Ideate

Ideate

Prototype

Prototype

Test

Test

Desk Research

Desk Research

To gain a better understanding on the topic, I did desk research looking into various learning methods, how they worked and why they worked. This research later helped define the final idea and the purpose behind most of it's features.

To gain a better understanding on the topic, I did desk research looking into various learning methods, how they worked and why they worked. This research later helped define the final idea and the purpose behind most of it's features.

Retrieval practice and spaced repetition are most helpful

Main focus on learning is the content and how it’s taught

Real-world learning and lifelong education is crucial in industry

Blend methods/knowledge from various different disciplines

User Research

User Research

We initially had assumptions on our target audience which I then turned into survey questions, asking relevant questions to better understand what tools help creatives to learn, how familiar they are with new tech, their time management and what motivates them, this let us clear our assumptions and later identify a problem. By sharing on online sites, the survey gained over 90 respondents.
Some significant insights found are:

We initially had assumptions on our target audience which I then turned into survey questions, asking relevant questions to better understand what tools help creatives to learn, how familiar they are with new tech, their time management and what motivates them, this let us clear our assumptions and later identify a problem. By sharing on online sites, the survey gained over 90 respondents.
Some significant insights found are:

79.9%

79.9%

79.9%

Say they use learning platforms to refine their skills

Say they use learning platforms to refine their skills

70.3%

70.3%

70.3%

Say progress tracking motivates them to learn

Say progress tracking motivates them to learn

76.6%

76.6%

76.6%

Say interactive learning and quizzes keep them engaged

Say interactive learning and quizzes keep them engaged

User Personas

User Personas

Solution

Solution

Creatives struggle with time management and often feel overwhelmed by the sheer volume of new things to learn, they feel motivated by an interactive supportive environment as it allows them to feel inspired and get help when needed.

Our learning platform, Creators Supply, solves this problem by utilising an innovative feature like an AI time schedule and many community focused features, like community ranks, stats, profiles and posts. This new modern way of learning also adheres to scientifically proven learning methods, leaving creatives confident that they will improve their skills.

Creatives struggle with time management and often feel overwhelmed by the sheer volume of new things to learn, they feel motivated by an interactive supportive environment as it allows them to feel inspired and get help when needed.

Our learning platform, Creators Supply, solves this problem by utilising an innovative feature like an AI time schedule and many community focused features, like community ranks, stats, profiles and posts. This new modern way of learning also adheres to scientifically proven learning methods, leaving creatives confident that they will improve their skills.

Usability Testing

Usability Testing

A couple screen concepts were tested early on, I chose to do this so designs were quickly improved upon and validated before going ahead and starting the final designs. This let us test a variety of concepts all within our deadline.

A couple screen concepts were tested early on, I chose to do this so designs were quickly improved upon and validated before going ahead and starting the final designs. This let us test a variety of concepts all within our deadline.

What went well

What went well

What went well

"The progress tracker is useful as I can jump back into my learning."

"The progress tracker is useful as I can jump back into my learning."

"The progress tracker is useful as I can jump back into my learning."

What to improve

What to improve

What to improve

Make it so that other people can see each others progress on the different courses they’re on.

Make it so that other people can see each others progress on the different courses they’re on.

Make it so that other people can see each others progress on the different courses they’re on.

What went well

What went well

What went well

"AI scheduling provides a more effective approach towards my learning as it allocated learning time based on my availability."

"AI scheduling provides a more effective approach towards my learning as it allocated learning time based on my availability."

"AI scheduling provides a more effective approach towards my learning as it allocated learning time based on my availability."

What to improve

What to improve

What to improve

Look at creating a rescheduling feature, as users might not want a session on that allocated time slot.

Look at creating a rescheduling feature, as users might not want a session on that allocated time slot.

Look at creating a rescheduling feature, as users might not want a session on that allocated time slot.

Client Feedback Implementation

Client Feedback Implementation

During a feedback session with our client, they were interested to see how the learning platform would function on mobile. That's why I designed and prototyped some screens that showcased our main USP; the AI powered learning schedule. This required me to transfer the web contents and the brand style onto a smaller screen, it was vital that I didn't remove any key information or make unintentional design changes.

To reduce cognitive overload, within the learning plan page, I separated the user's progress from the scheduling screen. Doing this made it a lot easier for the user to take in relevant information and easily access their schedule if needed.

This allowed me to create an app concept consistent and familiar with the website’s clean, minimal and professional visual design.

During a feedback session with our client, they were interested to see how the learning platform would function on mobile. That's why I designed and prototyped some screens that showcased our main USP; the AI powered learning schedule. This required me to transfer the web contents and the brand style onto a smaller screen, it was vital that I didn't remove any key information or make unintentional design changes.

To reduce cognitive overload, within the learning plan page, I separated the user's progress from the scheduling screen. Doing this made it a lot easier for the user to take in relevant information and easily access their schedule if needed.

This allowed me to create an app concept consistent and familiar with the website’s clean, minimal and professional visual design.

The Final Product

The Final Product

Final Web Design

Final Web Design

By Daniel and Nabeel

By Daniel and Nabeel

Final Mobile Design

Final Mobile Design

Key Takeaways

Key Takeaways

  • Validated design decisions through user research, including surveys, user personas and usability testing.

  • Translated user research into actionable insights, proving how designs driven by data can create more impactful solutions.

  • Bridged client feedback and user needs, leading to designs that both fulfil client goals and stay user-centred.

  • Validated design decisions through user research, including surveys, user personas and usability testing.

  • Translated user research into actionable insights, proving how designs driven by data can create more impactful solutions.

  • Bridged client feedback and user needs, leading to designs that both fulfil client goals and stay user-centred.

Thanks for stopping by!
Let's connect 👋

Thanks for stopping by!
Let's connect 👋

Thanks for stopping by!
Let's connect 👋