OSS Mobile: Elevating Jiu-Jitsu Training Through Digital Innovation
OSS Mobile is a cutting-edge platform designed to seamlessly integrate digital learning into the traditional Jiu-Jitsu training regimen. By offering a user-centric mobile experience, it empowers practitioners to access high-quality instructional content, monitor their progress, and engage with a vibrant community, all from the convenience of their devices.
Date
January - July
23 Weeks
Project Type
Individual student project at Springboard
Role
User research & User interface design
Defining project scope with UX vision
Project Background
OSS Mobile is a dedicated mobile application designed to transform how Brazilian Jiu-Jitsu (BJJ) practitioners learn, track progress, and engage with their community. The project emerged from identifying a critical gap in the digital ecosystem for martial arts training—while BJJ has experienced exponential growth globally, digital learning tools remain fragmented and incomplete.
Defining project scope with UX vision
Project Background
OSS Mobile is a dedicated mobile application designed to transform how Brazilian Jiu-Jitsu (BJJ) practitioners learn, track progress, and engage with their community. The project emerged from identifying a critical gap in the digital ecosystem for martial arts training—while BJJ has experienced exponential growth globally, digital learning tools remain fragmented and incomplete.
Defining project scope with UX vision
Project Background
OSS Mobile is a dedicated mobile application designed to transform how Brazilian Jiu-Jitsu (BJJ) practitioners learn, track progress, and engage with their community. The project emerged from identifying a critical gap in the digital ecosystem for martial arts training—while BJJ has experienced exponential growth globally, digital learning tools remain fragmented and incomplete.
Identifying user pain points and objectives
The Challenge
Despite Jiu-Jitsu's rising popularity, practitioners face significant challenges in their learning journey:
Knowledge Fragmentation: Techniques and concepts scattered across platforms (YouTube, Instagram, paid sites).
Progression Ambiguity: Lack of structured learning paths that align with physical training.
Holistic Development Gap: Few resources integrating technique learning with injury prevention and recovery.
Community Disconnection: Limited digital spaces for meaningful practitioner interaction.
As a UXUI designer with personal interest in martial arts, I recognized the opportunity to create an ecosystem that addresses these interconnected needs while maintaining the authenticity and depth of BJJ culture.
Identifying user pain points and objectives
The Challenge
Despite Jiu-Jitsu's rising popularity, practitioners face significant challenges in their learning journey:
Knowledge Fragmentation: Techniques and concepts scattered across platforms (YouTube, Instagram, paid sites).
Progression Ambiguity: Lack of structured learning paths that align with physical training.
Holistic Development Gap: Few resources integrating technique learning with injury prevention and recovery.
Community Disconnection: Limited digital spaces for meaningful practitioner interaction.
As a UXUI designer with personal interest in martial arts, I recognized the opportunity to create an ecosystem that addresses these interconnected needs while maintaining the authenticity and depth of BJJ culture.
Identifying user pain points and objectives
The Challenge
Despite Jiu-Jitsu's rising popularity, practitioners face significant challenges in their learning journey:
Knowledge Fragmentation: Techniques and concepts scattered across platforms (YouTube, Instagram, paid sites).
Progression Ambiguity: Lack of structured learning paths that align with physical training.
Holistic Development Gap: Few resources integrating technique learning with injury prevention and recovery.
Community Disconnection: Limited digital spaces for meaningful practitioner interaction.
As a UXUI designer with personal interest in martial arts, I recognized the opportunity to create an ecosystem that addresses these interconnected needs while maintaining the authenticity and depth of BJJ culture.
Research and Discovery Phase
Research and Discovery Phase
Research and Discovery Phase
Listening deeply to uncover hidden user needs
In-Depth User Interviews
I conducted 9 semi-structured interviews (7 males, 2 females) strategically sampling across the BJJ experience spectrum:
Participants ranged from beginner (0–1 year), intermediate (1–3 years), to advanced (3+ years) BJJ practitioners
Included both competitive athletes and recreational hobbyists
Sample included a mix of current practitioners and non-practitioners to gather diverse perspectives on engagement and adoption
Interview sessions explored:
Current learning methodologies and resources
Training documentation practices
Pain points in digital and physical learning
Community engagement patterns
Health management approaches
Each interview lasted 45-60 minutes, yielding rich qualitative data about practitioner behaviors, motivations, and unmet needs.
Some quotes:
Patrick M. (24)
|
Does not participate
“I have heard Jujitsu before but I never really seen it. All I know is that it is some kind of fighting and that’s about it.”
Hao Yuen Y. (47)
|
White Belt (0 Stripes)
“I wish there would be more women in the sport. Last time I went, I remember I had to sit out because of the odd number of partners and there were not enough women.”
Ali E. (50)
|
Black Belt (0 Stripes)
“I love competing and I love watching students compete. As a school we need to support each other and push each other to be the best that we can and try to encourage others to give it their best.”
Listening deeply to uncover hidden user needs
In-Depth User Interviews
I conducted 9 semi-structured interviews (7 males, 2 females) strategically sampling across the BJJ experience spectrum:
Participants ranged from beginner (0–1 year), intermediate (1–3 years), to advanced (3+ years) BJJ practitioners
Included both competitive athletes and recreational hobbyists
Sample included a mix of current practitioners and non-practitioners to gather diverse perspectives on engagement and adoption
Interview sessions explored:
Current learning methodologies and resources
Training documentation practices
Pain points in digital and physical learning
Community engagement patterns
Health management approaches
Each interview lasted 45-60 minutes, yielding rich qualitative data about practitioner behaviors, motivations, and unmet needs.
Some quotes:
Patrick M. (24)
|
Does not participate
“I have heard Jujitsu before but I never really seen it. All I know is that it is some kind of fighting and that’s about it.”
Hao Yuen Y. (47)
|
White Belt (0 Stripes)
“I wish there would be more women in the sport. Last time I went, I remember I had to sit out because of the odd number of partners and there were not enough women.”
Ali E. (50)
|
Black Belt (0 Stripes)
“I love competing and I love watching students compete. As a school we need to support each other and push each other to be the best that we can and try to encourage others to give it their best.”
Listening deeply to uncover hidden user needs
In-Depth User Interviews
I conducted 9 semi-structured interviews (7 males, 2 females) strategically sampling across the BJJ experience spectrum:
Participants ranged from beginner (0–1 year), intermediate (1–3 years), to advanced (3+ years) BJJ practitioners
Included both competitive athletes and recreational hobbyists
Sample included a mix of current practitioners and non-practitioners to gather diverse perspectives on engagement and adoption
Interview sessions explored:
Current learning methodologies and resources
Training documentation practices
Pain points in digital and physical learning
Community engagement patterns
Health management approaches
Each interview lasted 45-60 minutes, yielding rich qualitative data about practitioner behaviors, motivations, and unmet needs.
Some quotes:
Patrick M. (24)
|
Does not participate
“I have heard Jujitsu before but I never really seen it. All I know is that it is some kind of fighting and that’s about it.”
Hao Yuen Y. (47)
|
White Belt (0 Stripes)
“I wish there would be more women in the sport. Last time I went, I remember I had to sit out because of the odd number of partners and there were not enough women.”
Ali E. (50)
|
Black Belt (0 Stripes)
“I love competing and I love watching students compete. As a school we need to support each other and push each other to be the best that we can and try to encourage others to give it their best.”
Analyzing online engagement for user insights
Digital Community Analysis
I conducted systematic analysis of BJJ online communities, including:
Content analysis of top posts in r/bjj subreddit
Thematic review of comments on popular BJJ YouTube channels
Engagement patterns on BJJ Instagram accounts
This online research brought out real user struggles and workarounds that don’t usually come up in typical interviews.
Analyzing online engagement for user insights
Digital Community Analysis
I conducted systematic analysis of BJJ online communities, including:
Content analysis of top posts in r/bjj subreddit
Thematic review of comments on popular BJJ YouTube channels
Engagement patterns on BJJ Instagram accounts
This online research brought out real user struggles and workarounds that don’t usually come up in typical interviews.
Analyzing online engagement for user insights
Digital Community Analysis
I conducted systematic analysis of BJJ online communities, including:
Content analysis of top posts in r/bjj subreddit
Thematic review of comments on popular BJJ YouTube channels
Engagement patterns on BJJ Instagram accounts
This online research brought out real user struggles and workarounds that don’t usually come up in typical interviews.
Clustering insights to reveal core pain points
Affinity Mapping
After collecting extensive research data, I conducted a thorough affinity mapping exercise to identify patterns and generate insights:
Transcribed and coded all interview responses
Generated 150+ observation notes from research
Clustered related observations into thematic groups
Identified emerging patterns and opportunities
This synthesis revealed key insights about BJJ practitioners, which we used to define six user-centered categories based on their needs and goals:
Many struggle with technique retention between classes and need efficient documentation tools
Health management (injury prevention, recovery) is frequently mentioned but poorly addressed by existing solutions
Community validation plays a crucial role in skill development and motivation; need to create a stronger community
Different experience levels have distinct but overlapping needs requiring flexible interface architecture
Affinity Map
Learning/Training
Community/Trust
Women Related Issues
Competitiveness
Discipline/Time
Technology
View Full Affinity Mapping on Mural
Clustering insights to reveal core pain points
Affinity Mapping
After collecting extensive research data, I conducted a thorough affinity mapping exercise to identify patterns and generate insights:
Transcribed and coded all interview responses
Generated 150+ observation notes from research
Clustered related observations into thematic groups
Identified emerging patterns and opportunities
This synthesis revealed key insights about BJJ practitioners, which we used to define six user-centered categories based on their needs and goals:
Many struggle with technique retention between classes and need efficient documentation tools
Health management (injury prevention, recovery) is frequently mentioned but poorly addressed by existing solutions
Community validation plays a crucial role in skill development and motivation; need to create a stronger community
Different experience levels have distinct but overlapping needs requiring flexible interface architecture
Affinity Map
Learning/Training
Community/Trust
Women Related Issues
Competitiveness
Discipline/Time
Technology
View Full Affinity Mapping on Mural
Clustering insights to reveal core pain points
Affinity Mapping
After collecting extensive research data, I conducted a thorough affinity mapping exercise to identify patterns and generate insights:
Transcribed and coded all interview responses
Generated 150+ observation notes from research
Clustered related observations into thematic groups
Identified emerging patterns and opportunities
This synthesis revealed key insights about BJJ practitioners, which we used to define six user-centered categories based on their needs and goals:
Many struggle with technique retention between classes and need efficient documentation tools
Health management (injury prevention, recovery) is frequently mentioned but poorly addressed by existing solutions
Community validation plays a crucial role in skill development and motivation; need to create a stronger community
Different experience levels have distinct but overlapping needs requiring flexible interface architecture
Affinity Map
Learning/Training
Community/Trust
Women Related Issues
Competitiveness
Discipline/Time
Technology
View Full Affinity Mapping on Mural
Empathizing journeys to guide meaningful interactions
Empathy Map
Think:
Likes the aggressiveness of the sport.
Hard to find good schools/partners.
Likes the discipline associated with the sport.
Does:
Watching others train
Looks up moves on Reddit and YouTube.
Training and learning with friends.
Feel:
Worried about injuries.
Feels that it is more than just a sport
Loves the competitiveness.
Brazilian JiuJitsu takes a lot of time.
Pain:
Often gets injured from the sport.
Not enough time.
Training and learning with friends.
Too far from nearest good training center.
Can’t find the right partners.
Not good with technology.
Gain:
Can find more partners.
Learn more moves and get better.
Learn other life skills from the sport.
Become more disciplined and patient.
Says:
“I feel more alive when I go against someone and completely dominate them.”
“I like learning new moves and trying to improve myself and increasing my move set.”
“I wish there were some more people a little more advance and the other purple belt is pretty old too.”
“I would like it if there was a good school right next to me where I can drop in anytime I would like. That way I can learn with great coaches and people, without spending much time on travel.”
Empathizing journeys to guide meaningful interactions
Empathy Map
Think:
Likes the aggressiveness of the sport.
Hard to find good schools/partners.
Likes the discipline associated with the sport.
Does:
Watching others train
Looks up moves on Reddit and YouTube.
Training and learning with friends.
Feel:
Worried about injuries.
Feels that it is more than just a sport
Loves the competitiveness.
Brazilian JiuJitsu takes a lot of time.
Pain:
Often gets injured from the sport.
Not enough time.
Training and learning with friends.
Too far from nearest good training center.
Can’t find the right partners.
Not good with technology.
Gain:
Can find more partners.
Learn more moves and get better.
Learn other life skills from the sport.
Become more disciplined and patient.
Says:
“I feel more alive when I go against someone and completely dominate them.”
“I like learning new moves and trying to improve myself and increasing my move set.”
“I wish there were some more people a little more advance and the other purple belt is pretty old too.”
“I would like it if there was a good school right next to me where I can drop in anytime I would like. That way I can learn with great coaches and people, without spending much time on travel.”
Empathizing journeys to guide meaningful interactions
Empathy Map
Think:
Likes the aggressiveness of the sport.
Hard to find good schools/partners.
Likes the discipline associated with the sport.
Does:
Watching others train
Looks up moves on Reddit and YouTube.
Training and learning with friends.
Feel:
Worried about injuries.
Feels that it is more than just a sport
Loves the competitiveness.
Brazilian JiuJitsu takes a lot of time.
Pain:
Often gets injured from the sport.
Not enough time.
Training and learning with friends.
Too far from nearest good training center.
Can’t find the right partners.
Not good with technology.
Gain:
Can find more partners.
Learn more moves and get better.
Learn other life skills from the sport.
Become more disciplined and patient.
Says:
“I feel more alive when I go against someone and completely dominate them.”
“I like learning new moves and trying to improve myself and increasing my move set.”
“I wish there were some more people a little more advance and the other purple belt is pretty old too.”
“I would like it if there was a good school right next to me where I can drop in anytime I would like. That way I can learn with great coaches and people, without spending much time on travel.”
Humanizing data to craft targeted user profiles
Persona
Maria Garcia
“I am always on the move and doing things for others. I wish I had more free time to do things I enjoy.”
Age: 35
Work: Nurse
Family: Husband and 2 kids
Location: New York
Education: Bachelors Degree
Bio
Maria Garcia Is a mother of two. She works as a nurse during the day. When she is not working, she is often with her family. She enjoys learning new things and does JuJitsu for self defense and to release stress.
Goals
Wants to learn as much as she can in BJJ
Be able to use these moves in self defense
Achieve her weight loss goal.
Frustrations
Too many responsibilities, not enough free time.
Not enough training partners.
Long tiring hours at work.
Personality
Introvert
Extrovert
Intuitive
Analytical
Cautious
Adventerous
Passive
Active
Preferred Channels
Social Media
Mobile
Computer
Humanizing data to craft targeted user profiles
Persona
Maria Garcia
“I am always on the move and doing things for others. I wish I had more free time to do things I enjoy.”
Age: 35
Work: Nurse
Family: Husband and 2 kids
Location: New York
Education: Bachelors Degree
Bio
Maria Garcia Is a mother of two. She works as a nurse during the day. When she is not working, she is often with her family. She enjoys learning new things and does JuJitsu for self defense and to release stress.
Goals
Wants to learn as much as she can in BJJ
Be able to use these moves in self defense
Achieve her weight loss goal.
Frustrations
Too many responsibilities, not enough free time.
Not enough training partners.
Long tiring hours at work.
Personality
Introvert
Extrovert
Intuitive
Analytical
Cautious
Adventerous
Passive
Active
Preferred Channels
Social Media
Mobile
Computer
Humanizing data to craft targeted user profiles
Persona
Maria Garcia
“I am always on the move and doing things for others. I wish I had more free time to do things I enjoy.”
Age: 35
Work: Nurse
Family: Husband and 2 kids
Location: New York
Education: Bachelors Degree
Bio
Maria Garcia Is a mother of two. She works as a nurse during the day. When she is not working, she is often with her family. She enjoys learning new things and does JuJitsu for self defense and to release stress.
Goals
Wants to learn as much as she can in BJJ
Be able to use these moves in self defense
Achieve her weight loss goal.
Frustrations
Too many responsibilities, not enough free time.
Not enough training partners.
Long tiring hours at work.
Personality
Introvert
Extrovert
Intuitive
Analytical
Cautious
Adventerous
Passive
Active
Preferred Channels
Social Media
Mobile
Computer
Tracing pathways to optimize critical user tasks
User Flows & Red Routes
Joining a Competition
Finding appropriate competitions
Preparing Strategically
Managing pre-competition anxiety
Tracking performance
Reviewing and learning
Learning Techniques
Discovering relevant content
Following instructional guidance
Practicing and reviewing
Seeking feedback
Implementing in live training
Finding A Gym
Identifying local training options
Evaluating gym environments
Connecting with potential training partners
Tracking trial classes
Making an informed decision
For each journey, I identified "red routes"—the most critical and frequent user paths that would form the backbone of the application structure.
Tracing pathways to optimize critical user tasks
User Flows & Red Routes
Joining a Competition
Finding appropriate competitions
Preparing Strategically
Managing pre-competition anxiety
Tracking performance
Reviewing and learning
Learning Techniques
Discovering relevant content
Following instructional guidance
Practicing and reviewing
Seeking feedback
Implementing in live training
Finding A Gym
Identifying local training options
Evaluating gym environments
Connecting with potential training partners
Tracking trial classes
Making an informed decision
For each journey, I identified "red routes"—the most critical and frequent user paths that would form the backbone of the application structure.
Tracing pathways to optimize critical user tasks
User Flows & Red Routes
Joining a Competition
Finding appropriate competitions
Preparing Strategically
Managing pre-competition anxiety
Tracking performance
Reviewing and learning
Learning Techniques
Discovering relevant content
Following instructional guidance
Practicing and reviewing
Seeking feedback
Implementing in live training
Finding A Gym
Identifying local training options
Evaluating gym environments
Connecting with potential training partners
Tracking trial classes
Making an informed decision
For each journey, I identified "red routes"—the most critical and frequent user paths that would form the backbone of the application structure.
Understanding what exists to create what's missing
Competitive Analysis
I conducted comprehensive competitive analysis focusing on platforms where BJJ practitioners currently find information:
For each competitor, I analyzed:
Content organization and information architecture
User engagement mechanisms
Learning pathway structure
Community integration
Health and recovery components
Business model and value proposition
Strengths:
Large variety of memes, news, and other topics.
Large community with almost 800,000 members and counting.
Weaknesses:
Community-driven content that is mostly uploaded by members.
Not much structure; all types of content are included.
Opportunities:
Introduce structured learning threads and expert Q&A sessions.
Create official BJJ community forums with verified content.
Threats:
Unregulated user-generated content can lead to misinformation.
Engagement can be unpredictable and dependent on trending topics.
YouTube
Strengths:
Large collection of videos, both long and short form
Users can learn almost all the moves from videos
Weaknesses:
Not much organization; skill level in videos varies drastically
Too much information can be overwhelming
Opportunities:
Develop curated learning playlists for different skill levels.
Offer instructor-led live training sessions.
Threats:
Oversaturation of content can overwhelm new learners.
No community-building features beyond comments.
BJJFanatics
Strengths:
Large library of tutorials taught by professionals
Downloadable videos for offline viewing
Weaknesses:
Tutorials need to be purchased individually
Not very organized, mostly categorized by tags
Opportunities:
Introduce subscription-based model with structured learning paths.
Enhance search functionality for better organization.
Threats:
High cost of individual video purchases can deter users.
Lack of interactivity compared to live training or coaching.
Jiujitsu Five-O
Strengths:
Helpful for workouts, mobility, and health
Simple design that is well-organized
Weaknesses:
Some parts require an external application
Feels incomplete due to paywalls restricting access
Opportunities:
Expand beyond fitness to include comprehensive BJJ training.
Integrate with wearable devices for fitness tracking.
Threats:
Paywall limits user access to valuable content.
Lacks a dedicated technique learning section.
Understanding what exists to create what's missing
Competitive Analysis
I conducted comprehensive competitive analysis focusing on platforms where BJJ practitioners currently find information:
For each competitor, I analyzed:
Content organization and information architecture
User engagement mechanisms
Learning pathway structure
Community integration
Health and recovery components
Business model and value proposition
Strengths:
Large variety of memes, news, and other topics.
Large community with almost 800,000 members and counting.
Weaknesses:
Community-driven content that is mostly uploaded by members.
Not much structure; all types of content are included.
Opportunities:
Introduce structured learning threads and expert Q&A sessions.
Create official BJJ community forums with verified content.
Threats:
Unregulated user-generated content can lead to misinformation.
Engagement can be unpredictable and dependent on trending topics.
YouTube
Strengths:
Large collection of videos, both long and short form
Users can learn almost all the moves from videos
Weaknesses:
Not much organization; skill level in videos varies drastically
Too much information can be overwhelming
Opportunities:
Develop curated learning playlists for different skill levels.
Offer instructor-led live training sessions.
Threats:
Oversaturation of content can overwhelm new learners.
No community-building features beyond comments.
BJJFanatics
Strengths:
Large library of tutorials taught by professionals
Downloadable videos for offline viewing
Weaknesses:
Tutorials need to be purchased individually
Not very organized, mostly categorized by tags
Opportunities:
Introduce subscription-based model with structured learning paths.
Enhance search functionality for better organization.
Threats:
High cost of individual video purchases can deter users.
Lack of interactivity compared to live training or coaching.
Jiujitsu Five-O
Strengths:
Helpful for workouts, mobility, and health
Simple design that is well-organized
Weaknesses:
Some parts require an external application
Feels incomplete due to paywalls restricting access
Opportunities:
Expand beyond fitness to include comprehensive BJJ training.
Integrate with wearable devices for fitness tracking.
Threats:
Paywall limits user access to valuable content.
Lacks a dedicated technique learning section.
Understanding what exists to create what's missing
Competitive Analysis
I conducted comprehensive competitive analysis focusing on platforms where BJJ practitioners currently find information:
For each competitor, I analyzed:
Content organization and information architecture
User engagement mechanisms
Learning pathway structure
Community integration
Health and recovery components
Business model and value proposition
Strengths:
Large variety of memes, news, and other topics.
Large community with almost 800,000 members and counting.
Weaknesses:
Community-driven content that is mostly uploaded by members.
Not much structure; all types of content are included.
Opportunities:
Introduce structured learning threads and expert Q&A sessions.
Create official BJJ community forums with verified content.
Threats:
Unregulated user-generated content can lead to misinformation.
Engagement can be unpredictable and dependent on trending topics.
YouTube
Strengths:
Large collection of videos, both long and short form
Users can learn almost all the moves from videos
Weaknesses:
Not much organization; skill level in videos varies drastically
Too much information can be overwhelming
Opportunities:
Develop curated learning playlists for different skill levels.
Offer instructor-led live training sessions.
Threats:
Oversaturation of content can overwhelm new learners.
No community-building features beyond comments.
BJJFanatics
Strengths:
Large library of tutorials taught by professionals
Downloadable videos for offline viewing
Weaknesses:
Tutorials need to be purchased individually
Not very organized, mostly categorized by tags
Opportunities:
Introduce subscription-based model with structured learning paths.
Enhance search functionality for better organization.
Threats:
High cost of individual video purchases can deter users.
Lack of interactivity compared to live training or coaching.
Jiujitsu Five-O
Strengths:
Helpful for workouts, mobility, and health
Simple design that is well-organized
Weaknesses:
Some parts require an external application
Feels incomplete due to paywalls restricting access
Opportunities:
Expand beyond fitness to include comprehensive BJJ training.
Integrate with wearable devices for fitness tracking.
Threats:
Paywall limits user access to valuable content.
Lacks a dedicated technique learning section.
Design Phase
Design Phase
Design Phase
Aligning vision and research into actionable plans
Design Strategy Development
Before creating wireframes, I established core design principles based on research insights:
Contextual Learning: Present techniques within situational frameworks rather than isolation
Progressive Disclosure: Layer information complexity appropriate to user experience level
Integrated Ecosystem: Connect technique learning, health management, and community seamlessly
Physical Context Awareness: Design for use during active training sessions
I also defined key metrics for success:
Task completion efficiency for core user journeys
Learning pathway clarity
Feature discoverability
User satisfaction with information architecture
Aligning vision and research into actionable plans
Design Strategy Development
Before creating wireframes, I established core design principles based on research insights:
Contextual Learning: Present techniques within situational frameworks rather than isolation
Progressive Disclosure: Layer information complexity appropriate to user experience level
Integrated Ecosystem: Connect technique learning, health management, and community seamlessly
Physical Context Awareness: Design for use during active training sessions
I also defined key metrics for success:
Task completion efficiency for core user journeys
Learning pathway clarity
Feature discoverability
User satisfaction with information architecture
Aligning vision and research into actionable plans
Design Strategy Development
Before creating wireframes, I established core design principles based on research insights:
Contextual Learning: Present techniques within situational frameworks rather than isolation
Progressive Disclosure: Layer information complexity appropriate to user experience level
Integrated Ecosystem: Connect technique learning, health management, and community seamlessly
Physical Context Awareness: Design for use during active training sessions
I also defined key metrics for success:
Task completion efficiency for core user journeys
Learning pathway clarity
Feature discoverability
User satisfaction with information architecture
Sketching frameworks to validate initial concepts
Low Fidelity Wireframes
The next step is to start creating the low fidelity wireframes in Figma. I determined that there needed to be a blueprint for the information architecture, as well as, core screen wireframes.
Information Architecture:
Hierarchical organization of BJJ's complex technique ecosystem
Clear pathways between related techniques
Logical grouping of health resources
Community integration touchpoints
Core screen Wireframes:
Onboarding and user customization
Home dashboard with personalized recommendations
Technique library with filtering system
Detailed technique view with related content
Training journal interface
Community interaction screens
Health and mobility dashboard
I created 120+ wireframe screens mapping out complete user flows for the primary red routes.
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Hover over the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Click the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Interactive Preview: Click the sketches to reveal the app's standout features!
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Interactive Preview: Click the sketches to reveal the app's standout features!
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Click the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Interactive Preview: Click the sketches to reveal the app's standout features!
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Interactive Preview: Click the sketches to reveal the app's standout features!
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Sketching frameworks to validate initial concepts
Low Fidelity Wireframes
The next step is to start creating the low fidelity wireframes in Figma. I determined that there needed to be a blueprint for the information architecture, as well as, core screen wireframes.
Information Architecture:
Hierarchical organization of BJJ's complex technique ecosystem
Clear pathways between related techniques
Logical grouping of health resources
Community integration touchpoints
Core screen Wireframes:
Onboarding and user customization
Home dashboard with personalized recommendations
Technique library with filtering system
Detailed technique view with related content
Training journal interface
Community interaction screens
Health and mobility dashboard
I created 120+ wireframe screens mapping out complete user flows for the primary red routes.
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Hover over the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Click the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Interactive Preview: Click the sketches to reveal the app's standout features!
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Interactive Preview: Click the sketches to reveal the app's standout features!
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Click the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Interactive Preview: Click the sketches to reveal the app's standout features!
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Interactive Preview: Click the sketches to reveal the app's standout features!
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Sketching frameworks to validate initial concepts
Low Fidelity Wireframes
The next step is to start creating the low fidelity wireframes in Figma. I determined that there needed to be a blueprint for the information architecture, as well as, core screen wireframes.
Information Architecture:
Hierarchical organization of BJJ's complex technique ecosystem
Clear pathways between related techniques
Logical grouping of health resources
Community integration touchpoints
Core screen Wireframes:
Onboarding and user customization
Home dashboard with personalized recommendations
Technique library with filtering system
Detailed technique view with related content
Training journal interface
Community interaction screens
Health and mobility dashboard
I created 120+ wireframe screens mapping out complete user flows for the primary red routes.
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Hover over the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Click the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Interactive Preview: Click the sketches to reveal the app's standout features!
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Interactive Preview: Click the sketches to reveal the app's standout features!
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Interactive Preview: Click the sketches to reveal the app's standout features!
Competitive Homepage
Countdown timer for upcoming competitions
Dashboard with modular widgets
Lounge area for community interaction
Interactive Preview: Click the sketches to reveal the app's standout features!
Health Tracker
Visual progress bar for weight tracking
Wellness modules (doctor access, workouts, recipes)
Calendar synced with a weight tracker
Interactive Preview: Click the sketches to reveal the app's standout features!
Grapplers' Quest
Gamified gym and partner locator
Global and friends ranking system
Online/offline status for challenges
Testing assumptions to refine user experiences
User Testing & Iteration
I conducted moderated testing sessions with 5 participants from the initial research pool, using clickable low fidelity wireframes of the key user flows. Tasks included:
Find a Cajun chicken pasta recipe (testing content discoverability and search function)
Book an appointment with the highest-rated nutritionist (testing navigation and sorting)
Check the total amount in the shopping cart (testing feedback visibility)
Access an online feature related to their Pokémon game (testing community integration)
Locate the 9th ranked blue belt globally (testing global ranking display and sorting)
Identify three main mobility stretches (testing exercise content visibility)
Switch between competitive and recreational views (testing toggle behavior and personalization)
Testing revealed several key usability challenges:
Priority
Issue
Recommendation
Critical
Back navigation does not work correctly
Creating a component for a back button where it will send users to the previous page.
Critical
Not enough indicators and instructions to help users navigate throughout the page.
Maybe some pop up messages to explain to the user what to do.
Major
Inconsistency between animations for buttons and pages.
Go back and look thoroughly through the buttons and pages and create a system of animations for both buttons and pages.
Major
Users struggle to navigate between sections.
Add a link to the names, so users can switch sections. Added a section in registration for users to select the sections.
Major
Variables do not reset, countdown timer, buttons, and menus do not reset after clicking them.
Go back and look through variables and select an option to reset them after the user has left the page.
Testing assumptions to refine user experiences
User Testing & Iteration
I conducted moderated testing sessions with 5 participants from the initial research pool, using clickable low fidelity wireframes of the key user flows. Tasks included:
Find a Cajun chicken pasta recipe (testing content discoverability and search function)
Book an appointment with the highest-rated nutritionist (testing navigation and sorting)
Check the total amount in the shopping cart (testing feedback visibility)
Access an online feature related to their Pokémon game (testing community integration)
Locate the 9th ranked blue belt globally (testing global ranking display and sorting)
Identify three main mobility stretches (testing exercise content visibility)
Switch between competitive and recreational views (testing toggle behavior and personalization)
Testing revealed several key usability challenges:
Priority
Issue
Recommendation
Critical
Back navigation does not work correctly
Creating a component for a back button where it will send users to the previous page.
Critical
Not enough indicators and instructions to help users navigate throughout the page.
Maybe some pop up messages to explain to the user what to do.
Major
Inconsistency between animations for buttons and pages.
Go back and look thoroughly through the buttons and pages and create a system of animations for both buttons and pages.
Major
Users struggle to navigate between sections.
Add a link to the names, so users can switch sections. Added a section in registration for users to select the sections.
Major
Variables do not reset, countdown timer, buttons, and menus do not reset after clicking them.
Go back and look through variables and select an option to reset them after the user has left the page.
Testing assumptions to refine user experiences
User Testing & Iteration
I conducted moderated testing sessions with 5 participants from the initial research pool, using clickable low fidelity wireframes of the key user flows. Tasks included:
Find a Cajun chicken pasta recipe (testing content discoverability and search function)
Book an appointment with the highest-rated nutritionist (testing navigation and sorting)
Check the total amount in the shopping cart (testing feedback visibility)
Access an online feature related to their Pokémon game (testing community integration)
Locate the 9th ranked blue belt globally (testing global ranking display and sorting)
Identify three main mobility stretches (testing exercise content visibility)
Switch between competitive and recreational views (testing toggle behavior and personalization)
Testing revealed several key usability challenges:
Priority
Issue
Recommendation
Critical
Back navigation does not work correctly
Creating a component for a back button where it will send users to the previous page.
Critical
Not enough indicators and instructions to help users navigate throughout the page.
Maybe some pop up messages to explain to the user what to do.
Major
Inconsistency between animations for buttons and pages.
Go back and look thoroughly through the buttons and pages and create a system of animations for both buttons and pages.
Major
Users struggle to navigate between sections.
Add a link to the names, so users can switch sections. Added a section in registration for users to select the sections.
Major
Variables do not reset, countdown timer, buttons, and menus do not reset after clicking them.
Go back and look through variables and select an option to reset them after the user has left the page.
Detailing interfaces to showcase visual design
High Fidelity Wireframes
The high-fidelity prototype included several innovative UX solutions:
Technique Breakdown View: Segmented video playback with synchronized notes
Health Dashboard: Unified view of mobility, prevention, and recovery resources
Video Teachings: Comprehensive library of technique demonstrations from multiple positions
Daily Stretching Reminder: Personalized mobility routines with smart notifications
1v1 Coaching: Virtual coaching sessions with professional instructors
Grappler's Quest: Gamified feature to meet local competitors and training partners
Detailing interfaces to showcase visual design
High Fidelity Wireframes
The high-fidelity prototype included several innovative UX solutions:
Technique Breakdown View: Segmented video playback with synchronized notes
Health Dashboard: Unified view of mobility, prevention, and recovery resources
Video Teachings: Comprehensive library of technique demonstrations from multiple positions
Daily Stretching Reminder: Personalized mobility routines with smart notifications
1v1 Coaching: Virtual coaching sessions with professional instructors
Grappler's Quest: Gamified feature to meet local competitors and training partners
Detailing interfaces to showcase visual design
High Fidelity Wireframes
The high-fidelity prototype included several innovative UX solutions:
Technique Breakdown View: Segmented video playback with synchronized notes
Health Dashboard: Unified view of mobility, prevention, and recovery resources
Video Teachings: Comprehensive library of technique demonstrations from multiple positions
Daily Stretching Reminder: Personalized mobility routines with smart notifications
1v1 Coaching: Virtual coaching sessions with professional instructors
Grappler's Quest: Gamified feature to meet local competitors and training partners
Final Solution and Takeaways
Final Solution and Takeaways
Final Solution and Takeaways
Animating workflows to simulate real‑world use
Prototype
Animating workflows to simulate real‑world use
Prototype
Animating workflows to simulate real‑world use
Prototype
Reflecting outcomes to drive design evolution
Key Takeaways & Growth
Designing for Specialized Communities
Working with the BJJ community taught me to balance domain-specific terminology and concepts with accessibility for newcomers. I developed strategies for creating interfaces that respect technical accuracy while providing appropriate context and guidance for beginners.
The challenge of serving both competitive and recreational users within the same application forced me to think deeply about information architecture and content prioritization. I learned to implement progressive disclosure patterns that allow users to access the depth of content appropriate to their needs without overwhelming them.
Contextual Mobile Design
Perhaps the most valuable learning came from designing for a physically active context. Unlike typical mobile applications used in stationary settings, Oss Mobile needed to function effectively in training environments where users might be:
Physically active and moving
Using the application with limited attention
Needing quick reference during time-constrained situations
This required innovative thinking about interaction models, including larger touch targets, voice control options, and simplified navigation paths for in-training use. I gained practical experience in balancing feature richness with contextual usability constraints.
Data-Informed Iteration
The dramatic improvements between testing rounds reinforced the value of iterative design based on user feedback. I refined my ability to:
Identify patterns in user behavior and feedback
Prioritize improvements based on impact and feasibility
Distinguish between preference-based suggestions and genuine usability issues
Maintain design vision while incorporating user insights
The iterative process taught me to embrace constructive feedback as an essential design tool rather than a critique of my work.
Reflecting outcomes to drive design evolution
Key Takeaways & Growth
Designing for Specialized Communities
Working with the BJJ community taught me to balance domain-specific terminology and concepts with accessibility for newcomers. I developed strategies for creating interfaces that respect technical accuracy while providing appropriate context and guidance for beginners.
The challenge of serving both competitive and recreational users within the same application forced me to think deeply about information architecture and content prioritization. I learned to implement progressive disclosure patterns that allow users to access the depth of content appropriate to their needs without overwhelming them.
Contextual Mobile Design
Perhaps the most valuable learning came from designing for a physically active context. Unlike typical mobile applications used in stationary settings, Oss Mobile needed to function effectively in training environments where users might be:
Physically active and moving
Using the application with limited attention
Needing quick reference during time-constrained situations
This required innovative thinking about interaction models, including larger touch targets, voice control options, and simplified navigation paths for in-training use. I gained practical experience in balancing feature richness with contextual usability constraints.
Data-Informed Iteration
The dramatic improvements between testing rounds reinforced the value of iterative design based on user feedback. I refined my ability to:
Identify patterns in user behavior and feedback
Prioritize improvements based on impact and feasibility
Distinguish between preference-based suggestions and genuine usability issues
Maintain design vision while incorporating user insights
The iterative process taught me to embrace constructive feedback as an essential design tool rather than a critique of my work.
Reflecting outcomes to drive design evolution
Key Takeaways & Growth
Designing for Specialized Communities
Working with the BJJ community taught me to balance domain-specific terminology and concepts with accessibility for newcomers. I developed strategies for creating interfaces that respect technical accuracy while providing appropriate context and guidance for beginners.
The challenge of serving both competitive and recreational users within the same application forced me to think deeply about information architecture and content prioritization. I learned to implement progressive disclosure patterns that allow users to access the depth of content appropriate to their needs without overwhelming them.
Contextual Mobile Design
Perhaps the most valuable learning came from designing for a physically active context. Unlike typical mobile applications used in stationary settings, Oss Mobile needed to function effectively in training environments where users might be:
Physically active and moving
Using the application with limited attention
Needing quick reference during time-constrained situations
This required innovative thinking about interaction models, including larger touch targets, voice control options, and simplified navigation paths for in-training use. I gained practical experience in balancing feature richness with contextual usability constraints.
Data-Informed Iteration
The dramatic improvements between testing rounds reinforced the value of iterative design based on user feedback. I refined my ability to:
Identify patterns in user behavior and feedback
Prioritize improvements based on impact and feasibility
Distinguish between preference-based suggestions and genuine usability issues
Maintain design vision while incorporating user insights
The iterative process taught me to embrace constructive feedback as an essential design tool rather than a critique of my work.
Envisioning enhancements to sustain user growth
Future Opportunities
Based on user feedback and industry trends, I identified several promising directions for future development:
AI-Enhanced Learning: Implementation of computer vision for technique analysis and feedback
Fitness Tracker Integration: Connecting with wearables for more comprehensive health data
Competition Preparation Tools: Features specifically supporting tournament preparation
Expanded Social Features: Enhanced community building tools and instructor marketplace
Envisioning enhancements to sustain user growth
Future Opportunities
Based on user feedback and industry trends, I identified several promising directions for future development:
AI-Enhanced Learning: Implementation of computer vision for technique analysis and feedback
Fitness Tracker Integration: Connecting with wearables for more comprehensive health data
Competition Preparation Tools: Features specifically supporting tournament preparation
Expanded Social Features: Enhanced community building tools and instructor marketplace
Envisioning enhancements to sustain user growth
Future Opportunities
Based on user feedback and industry trends, I identified several promising directions for future development:
AI-Enhanced Learning: Implementation of computer vision for technique analysis and feedback
Fitness Tracker Integration: Connecting with wearables for more comprehensive health data
Competition Preparation Tools: Features specifically supporting tournament preparation
Expanded Social Features: Enhanced community building tools and instructor marketplace
Menu
Menu
© 2025 Tyler Y. All rights reserved