Case Study

Case Study

Case Study

Case Study

Notiive

Notiive

Notiive

Notiive

(Work-In-Progress) Revolutionizing online learning with a community-centric platform

(Work-In-Progress) Revolutionizing online learning with a community-centric platform

(Work-In-Progress) Revolutionizing online learning with a community-centric platform

(Work-In-Progress) Revolutionizing online learning with a community-centric platform

Notiive App Mobile Screens
Notiive App Mobile Screens
Notiive App Mobile Screens
Notiive App Mobile Screens
✦ Background

In traditional academic models, lectures, reading, and note-taking have typically been the norm. Nevertheless, studies show that people effectively retain skills and knowledge through more tactile and engaging methods, such as hands-on practice, discussions, demonstrations, and teaching others what they have just learned.

*Source: National Training Laboratories Institute for Applied Behavioral Science (NTL)

✦ The Challenge

When it comes to learning or developing a new skill, some online platforms may employ less effective learning styles and may not cater directly to diverse learning preferences. According to preliminary research, many users may disengage due to a lack of accountability, motivation, or visible progress.

Given the current state of technology, there is an abundance of stimuli and a wealth of platforms and resources available for learning new skills online. In the ever-evolving landscape of education, one unchanging truth remains: Every learner is unique.
Notiive App iPhone Mockup

Many tend to have their preferred methods for learning most effectively, and we seek to acquire new skills for a multitude of reasons. In this comprehensive project, I set out to more clearly understand the needs and pain points of users and to build an online learning platform that accommodates this vast diversity.

year

2023

category

UI/UX

timeframe

12 weeks

role

End-to-end UI/UX Designer

tools

Figma, FigJam, Optimal Workshop, Maze, Vowel
✦ Scope & Process

73

high fidelity screens

300+

hours of process, discovery, design and testing

37

components + dozens of variants

73

high fidelity screens

300+

hours of process, discovery, design and testing

37

components + dozens of variants

01

Research

✦ Goals

I aimed to comprehensively explore effective learning methods, reasons for early discontinuation, strategies to support course completion, evaluation and measurement of learning achievements, and the impact of sharing newfound knowledge. This approach would hopefully uncover diverse insights into learning behaviors, barriers, and ways to create a supportive learning environment, ultimately contributing to a holistic understanding of the user learning experience.

✦ Objectives

I sought to uncover why individuals seek to learn new skills, the prevalent types of skills they pursue, the tools and resources they currently use, their preferred learning methods, how learning integrates into their daily lives, the factors contributing to sustained motivation, and the reasons causing users to discontinue their learning.

The chosen methodology for obtaining qualitative insights was conducting user interviews. Eight participants ranging from their mid 20s to early 40s were interviewed remotely. All users had previous experience with and a genuine curiosity for online learning. For additional data, a competitor analysis of four existing platforms was performed to identify opportunities in current strengths and weaknesses.
Affinity Mapping
Affinity Mapping
Affinity Mapping
Affinity Mapping

What

We

Learned

✦ What We Learned

👍

👍

👍

👍

Motivation

Motivation
  • Professional ambitions

  • Personal knowledge / enjoyment

  • “The bigger picture”, rewards

💢

💢

💢

💢

Dealing with Frustrations

Dealing with Frustrations
  • Leaning on community for support and discussion

  • Stepping away momentarily to reframe

Preferences

Preferences
  • Watching demonstrations / following along

  • Practice / trial and error

  • Collaboration with peers

  • Watching videos

  • Creating a routine and deadlines

  • Receiving feedback

👎

👎

👎

👎

Pain Points

Pain Points
  • Reading and lectures

  • Internal sources (doubt, insecurity), burnout, distractions

  • Disconnection from instructors

  • Pace of technology has led to a vast amount of resources

💫

💫

💫

💫

Insights

Insights
  • Most students found it rewarding to pay it forward

  • Teaching others reinforced their skills and knowledge

  • Many users want a focused community or classroom

  • Younger demographics learn at a higher capacity

"How might we help people who learn new skills
feel less isolated or discouraged
as a result of learning on their own?"

"How might we help people who learn new skills
feel less isolated or discouraged
as a result of learning on their own?"

"How might we help people who learn new skills
feel less isolated or discouraged
as a result of learning on their own?"

"How might we help people who learn new skills
feel less isolated or discouraged
as a result of learning on their own?"

02

Define

Through the creation of user personas, I was able draw from my research synthesis to identify unique goals, pain points, and behaviors across a number of archetypes. This served as a jumping off point for all platform ideation that would follow.

In order to develop impactful ideas, I opted for using a number of brainstorming techniques. This was crucial for visualizing the problems to be solved in order to align project goals and establish priorities that would achieve a minimum viable product.

User Personas
User Personas
User Personas
User Personas
  • Impactful Ideas, Brainstorming
  • Storyboard
  • Prioritization: Project Goals & Product Roadmapping
  • Impactful Ideas, Brainstorming
  • Storyboard
  • Prioritization: Project Goals & Product Roadmapping
  • Impactful Ideas, Brainstorming
  • Storyboard
  • Prioritization: Project Goals & Product Roadmapping
Information Architecture - Sitemap & Navigation
Information Architecture - Sitemap & Navigation
Information Architecture - Sitemap & Navigation
Information Architecture - Sitemap & Navigation

03

Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Interaction Design - User Flows
Interaction Design - User Flows
Interaction Design - User Flows
✦ Sketches & Wireframes
✦ Responsive Design - Desktop
✦ Brand Core Values

In order for wireframes to evolve into high fidelity, proper planning needed to be taken into account. I first set out to establish the proper core values that would capture the tone of the brand's identity. I settled on the following: Accessible, Bold, Curious, Expressive, Friendly, Modern, and Vibrant. This lended itself heavily for pursuing a direction in visual style.

✦ Gathering Inspiration Through Moodboarding
Moodboard
Moodboard
Moodboard
Color and Typography
Color and Typography
Color and Typography
✦ Logo & Visual Identity

Something about community, chat bubbles, pinwheel implying forward motion and progress. Something about the name (Grab from above). Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.

Logo - Variations and Scale
Logo - Variations and Scale
Logo - Variations and Scale
✦ Component Library
✦ The Outcome

(Work in Progress)

Mockup Screens
Mockup Screens
Mockup Screens
  • Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

    Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

    Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

Let's work together.

Ryan Emmans © 2023

  • Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

    Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

    Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

Let's work together.

Ryan Emmans © 2023

  • Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

    Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

    Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

Let's work together.

Ryan Emmans © 2023

  • Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

    Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

    Don't be a stranger

    hello@ryanemmans.com

    Thank you for your time

Let's work together.

Ryan Emmans © 2023