Clubs
Clubs
Challenge Creation System
Challenge Creation System
ROLE
ROLE
Junior Product Designer
Junior Product Designer
TEAM
TEAM
Ryan Cheng (Head Designer)
1 Project Manager
4 Developers
Ryan Cheng (Head Designer)
1 Project Manager
4 Developers
DURATION
DURATION
June - August 2024
June - August 2024
Clubs
Challenge Creation System
ROLE
Junior Product Designer
TEAM
Ryan Cheng (Head Designer)
1 Project Manager
4 Developers
DURATION
June - August 2024
Brief
Brief
Clubs is a platform that emphasizes accountability and community for personal growth and goal achievement.
Clubs is a platform that emphasizes accountability and community for personal growth and goal achievement.
Users join themed clubs, participate in challenges, and track their progress. Using blockchain technology, it motivates consistency and offers rewards for dedication.
Users join themed clubs, participate in challenges, and track their progress. Using blockchain technology, it motivates consistency and offers rewards for dedication.
Contribution
Contribution
Contribution
Restructured the app's system and introduced new features.
Restructured the app's system and introduced new features.
Restructured the app's system and introduced new features.
I integrated the new challenge feature and challenge creation flow and introduced new features like sample proofs, stories, and improved information hierarchy to enhance user usability and engagement.
I integrated the new challenge feature and challenge creation flow and introduced new features like sample proofs, stories, and improved information hierarchy to enhance user usability and engagement.
I integrated the new challenge feature and challenge creation flow and introduced new features like sample proofs, stories, and improved information hierarchy to enhance user usability and engagement.
Challenge
Challenge
Challenge
Redesign the app structure.
Redesign the app structure.
Redesign the app structure.
Seamlessly integrate the new challenge feature into the Clubs app.
Seamlessly integrate the new challenge feature into the Clubs app.
Seamlessly integrate the new challenge feature into the Clubs app.
Goal
Goal
Goal
Create a platform that motivates habit building.
Create a platform that motivates habit building.
Create a platform that motivates habit building.
A platform curated for users to exercise social support, participate in structured challenged, and engage in interactive features.
A platform curated for users to exercise social support, participate in structured challenged, and engage in interactive features.
A platform curated for users to exercise social support, participate in structured challenged, and engage in interactive features.
Brief
Club is a platform that emphasizes accountability and community for personal growth and goal achievement.
Users join themed clubs, participate in challenges, and track their progress. Using blockchain technology, it motivates consistency and offers rewards for dedication.
CONCEPT DEVELOPMENT
CONCEPT DEVELOPMENT
CONCEPT DEVELOPMENT
Introducing the Challenge System
Introducing the Challenge System
Introducing the Challenge System
Problem
Discovery
Problem
Discovery
Problem
Discovery
Users struggled to set proof requirements that worked for all skill levels within the same club.
Users struggled to set proof requirements that worked for all skill levels within the same club.
Users struggled to set proof requirements that worked for all skill levels within the same club.
Uniform tasks often became too easy for advanced users or too hard for beginners. We needed a system to allow personalized, skill-specific proofs while keeping the group dynamic intact.
Uniform tasks often became too easy for advanced users or too hard for beginners. We needed a system to allow personalized, skill-specific proofs while keeping the group dynamic intact.
Uniform tasks often became too easy for advanced users or too hard for beginners. We needed a system to allow personalized, skill-specific proofs while keeping the group dynamic intact.
🏋️♀️ Push-up Club
🏋️♀️ Push-up Club
🏋️♀️ Push-up Club
"The number of pushups we set was too easy for the guys to improve and too difficult for the girls to complete."
"The number of pushups we set was too easy for the guys to improve and too difficult for the girls to complete."
"The number of pushups we set was too easy for the guys to improve and too difficult for the girls to complete."
- Whitney, Production Agency
- Whitney, Production Agency
- Whitney, Production Agency
🪷 75 Hard Club
🪷 75 Hard Club
🪷 75 Hard Club
"Some wanted to do two workouts a day, while others only had time for one. We set the requirement to one workout to ensure those with less time wouldn't fail."
"Some wanted to do two workouts a day, while others only had time for one. We set the requirement to one workout to ensure those with less time wouldn't fail."
"Some wanted to do two workouts a day, while others only had time for one. We set the requirement to one workout to ensure those with less time wouldn't fail."
- Tommy, Student
- Tommy, Student
- Tommy, Student
Research
Research
Research
Analyzing successful systems
Analyzing successful systems
Analyzing successful systems
I analyzed the pros and cons of group, progress tracking, and goal setting systems to explore how to design a modular structure that integrates many components into a social group and media-focused platform.
I analyzed the pros and cons of group, progress tracking, and goal setting systems to explore how to design a modular structure that integrates many components into a social group and media-focused platform.
I analyzed the pros and cons of group, progress tracking, and goal setting systems to explore how to design a modular structure that integrates many components into a social group and media-focused platform.
Pros
Pros
Strong group management tools for organization
Engaging event creation and schedule features
Clear moderation controls
Strong group management tools for organization
Engaging event creation and schedule features
Clear moderation controls
Cons
Cons
Lacks built in gamification to encourage participation
Overloaded UI with many features can make navigation overwhelming at times
Lacks built in gamification to encourage participation
Overloaded UI with many features can make navigation overwhelming at times
Notion
Notion
Notion
Pros
Pros
Pros
Flexible for both personal and team goal tracking
Clear, engaging, and easily customizable display of information
Flexible for both personal and team goal tracking
Clear, engaging, and easily customizable display of information
Flexible for both personal and team goal tracking
Clear, engaging, and easily customizable display of information
Cons
Cons
Cons
No built in gamification or social motivation
Can feel overwhelming at first due to its open ended nature
Steep learning curve for new users
No built in gamification or social motivation
Can feel overwhelming at first due to its open ended nature
Steep learning curve for new users
No built in gamification or social motivation
Can feel overwhelming at first due to its open ended nature
Steep learning curve for new users
Duolingo
Duolingo
Duolingo
Pros
Pros
Pros
Engaging, gamified challenge structure
Progress tracking and streaks encourage habit formation
Leaderboards and friends challenges boost motivation
Engaging, gamified challenge structure
Progress tracking and streaks encourage habit formation
Leaderboards and friends challenges boost motivation
Engaging, gamified challenge structure
Progress tracking and streaks encourage habit formation
Leaderboards and friends challenges boost motivation
Cons
Cons
Cons
Limited customization—predefined challenges
Repetitive tasks can feel monotonous overtime
Limited customization—predefined challenges
Repetitive tasks can feel monotonous overtime
Limited customization—predefined challenges
Repetitive tasks can feel monotonous overtime
Strava
Strava
Pros
Pros
Seamless challenge integration with clubs
Leaderboards & goal tracking enhance motivation
Strong community engagement through shared activities
Seamless challenge integration with clubs
Leaderboards & goal tracking enhance motivation
Strong community engagement through shared activities
Cons
Cons
Overemphasis on competitive aspect may deter casual users
Limited customization for challenge formats
Overemphasis on competitive aspect may deter casual users
Limited customization for challenge formats
Pros
Strong group management tools for organization
Engaging event creation and schedule features
Clear moderation controls
Cons
Lacks built in gamification to encourage participation
Overloaded UI with many features can make navigation overwhelming at times
Strava
Pros
Seamless challenge integration with clubs
Leaderboards & goal tracking enhance motivation
Strong community engagement through shared activities
Cons
Overemphasis on competitive aspect may deter casual users
Limited customization for challenge formats
Solution
Solution
Solution
Why limit a club to just one challenge when it can foster so much more?
Why limit a club to just one challenge when it can foster so much more?
Why limit a club to just one challenge when it can foster so much more?
To create a more inclusive and engaging experience, we redefined the club structure to allow multiple challenges within a single club. This decision was based on the understanding that a one-size-fits-all approach didn't work for users with varying goals and skill levels.
To create a more inclusive and engaging experience, we redefined the club structure to allow multiple challenges within a single club. This decision was based on the understanding that a one-size-fits-all approach didn't work for users with varying goals and skill levels.
To create a more inclusive and engaging experience, we redefined the club structure to allow multiple challenges within a single club. This decision was based on the understanding that a one-size-fits-all approach didn't work for users with varying goals and skill levels.
Key Benefits:
Key Benefits:
Key Benefits:
01
01
01
Inclusivity
Inclusivity
Inclusivity
Users can set engaging challenges tailored to their skill levels
Users can set engaging challenges tailored to their skill levels
Users can set engaging challenges tailored to their skill levels
02
02
02
Collaboration
Collaboration
Collaboration
Members work together in communal groups while pursuing individual goals
Members work together in communal groups while pursuing individual goals
Members work together in communal groups while pursuing individual goals
03
03
03
Flexibility
Flexibility
Flexibility
Users can participate in multiple challenges, adapting as their needs change
Users can participate in multiple challenges, adapting as their needs change
Users can participate in multiple challenges, adapting as their needs change
04
04
04
Accountability
Accountability
Accountability
Progress is tracked and achievements shared within the group
Progress is tracked and achievements shared within the group
Progress is tracked and achievements shared within the group
DESIGN PROCESS
DESIGN PROCESS
DESIGN PROCESS
Challenge Creation Feature
Challenge Creation Feature
Challenge Creation Feature
I lead the design of the challenge creation feature, focused on simplifying the process and addressing user pain points.
I lead the design of the challenge creation feature, focused on simplifying the process and addressing user pain points.
I lead the design of the challenge creation feature, focused on simplifying the process and addressing user pain points.
EMPATHIZE
EMPATHIZE
EMPATHIZE
Problem
Discovery
Problem Discovery
Problem
Discovery
Identifying problems in the original design
Identifying problems in the original design
Identifying problems in the original design
The original club creation process served as the foundation for the challenge creation. However, user feedback revealed significant shortcomings that made the workflow unintuitive.
The original club creation process served as the foundation for the challenge creation. However, user feedback revealed significant shortcomings that made the workflow unintuitive.
The original club creation process served as the foundation for the challenge creation. However, user feedback revealed significant shortcomings that made the workflow unintuitive.
01
Outdated design
Outdated design
Outdated design
Navigation and editing challenges were difficult, limiting user efficiency
Navigation and editing challenges were difficult, limiting user efficiency
Navigation and editing challenges were difficult, limiting user efficiency
02
Complex date selection
Complex date selection
Complex date selection
Unclear field organizations, including vague enrollment start/end dates
Unclear field organizations, including vague enrollment start/end dates
Unclear field organizations, including vague enrollment start/end dates
03
Lengthy and overwhelming process
Lengthy and overwhelming process
Lengthy and overwhelming process
The extensive number of mandatory input fields left users confused
The extensive number of mandatory input fields left users confused
The extensive number of mandatory input fields left users confused
04
Confusing input sections
Confusing input sections
Confusing input sections
Commitment and action inputs unclear due to ambiguous buttons and instructions
Commitment and action inputs unclear due to ambiguous buttons and instructions
Commitment and action inputs unclear due to ambiguous buttons and instructions
DEFINE
DEFINE
DEFINE
Feature Goals & Requirements
Feature Goals & Requirements
Feature Goals & Requirements
Establishing goals for the challenge creation feature
Establishing goals for the challenge creation feature
Establishing goals for the challenge creation feature
Streamline the process to allow users to create challenges without feeling overwhelmed
Ensure navigation and field organization are logical and intuitive to enhance usability
Provide flexibility to customize challenges varying user needs and preferences
Streamline the process to allow users to create challenges without feeling overwhelmed
Ensure navigation and field organization are logical and intuitive to enhance usability
Provide flexibility to customize challenges varying user needs and preferences
Streamline the process to allow users to create challenges without feeling overwhelmed
Ensure navigation and field organization are logical and intuitive to enhance usability
Provide flexibility to customize challenges varying user needs and preferences
Feature Requirements
Feature Requirements
Feature Requirements
To meet these goals, we outlined specific requirements in JIRA to guide development. By breaking down the process into actionable tasks, JIRA allowed me to maintain clarity and alignment, organize complex workflows, track iterative feedback, and focus on user-centered priorities.
To meet these goals, we outlined specific requirements in JIRA to guide development. By breaking down the process into actionable tasks, JIRA allowed me to maintain clarity and alignment, organize complex workflows, track iterative feedback, and focus on user-centered priorities.
To meet these goals, we outlined specific requirements in JIRA to guide development. By breaking down the process into actionable tasks, JIRA allowed me to maintain clarity and alignment, organize complex workflows, track iterative feedback, and focus on user-centered priorities.
IDEATE
IDEATE
IDEATE
First Iteration
First Iteration
First Iteration
In the first iteration, I restructured the workflow to improve clarity and usability by grouping related fields and streamlining steps. This reduced the number of screens, making the process feel faster and more intuitive.
In the first iteration, I restructured the workflow to improve clarity and usability by grouping related fields and streamlining steps. This reduced the number of screens, making the process feel faster and more intuitive.
In the first iteration, I restructured the workflow to improve clarity and usability by grouping related fields and streamlining steps. This reduced the number of screens, making the process feel faster and more intuitive.
However, testing revealed key issues:
However, testing revealed key issues:
However, testing revealed key issues:
Too many required inputs upfront with no option to save and return later
Too many required inputs upfront with no option to save and return later
Too many required inputs upfront with no option to save and return later
Dense fields across multiple steps made navigation confusing
Dense fields across multiple steps made navigation confusing
Dense fields across multiple steps made navigation confusing
IDEATE
IDEATE
IDEATE
Refining the Process
Refining the Process
Refining the Process
Iteration 2: Introducing drafts and refining the workflow
Iteration 2: Introducing drafts and refining the workflow
Iteration 2: Introducing drafts and refining the workflow
Building on the first iteration, I improved the challenge creation process by addressing pain points and refining the user experience.
Building on the first iteration, I improved the challenge creation process by addressing pain points and refining the user experience.
Building on the first iteration, I improved the challenge creation process by addressing pain points and refining the user experience.
FINAL DESIGN
FINAL DESIGN
FINAL DESIGN
Final UI & Prototype
Final UI & Prototype
Final UI & Prototype
Finalized challenge setup and user flow
Finalized challenge setup and user flow
Finalized challenge setup and user flow
I presented this prototype to the team before handoff, demonstrating the finalized challenge creation flow. I focused on making the process intuitive, reducing friction in navigation while including all the necessary inputs.
The design enables seamless onboarding for new users and quick setup for experienced ones. Incorporating user feedback, I refined interactions, accessibility, and overall usability to enhance the experience.
I presented this prototype to the team before handoff, demonstrating the finalized challenge creation flow. I focused on making the process intuitive, reducing friction in navigation while including all the necessary inputs.
The design enables seamless onboarding for new users and quick setup for experienced ones. Incorporating user feedback, I refined interactions, accessibility, and overall usability to enhance the experience.
I presented this prototype to the team before handoff, demonstrating the finalized challenge creation flow. I focused on making the process intuitive, reducing friction in navigation while including all the necessary inputs.
The design enables seamless onboarding for new users and quick setup for experienced ones. Incorporating user feedback, I refined interactions, accessibility, and overall usability to enhance the experience.
REFLECTION
REFLECTION
REFLECTION
Takeaways
Takeaways
Takeaways
⚖️ Balancing simplicity and flexibility
⚖️ Balancing simplicity and flexibility
⚖️ Balancing simplicity and flexibility
I had to design a flow that worked for both new and experiences users. Through my iterations, I found that grouping related fields and reducing steps made the process more intuitive without sacrificing functionality.
I had to design a flow that worked for both new and experiences users. Through my iterations, I found that grouping related fields and reducing steps made the process more intuitive without sacrificing functionality.
I had to design a flow that worked for both new and experiences users. Through my iterations, I found that grouping related fields and reducing steps made the process more intuitive without sacrificing functionality.
🤝 Collaboration
🤝 Collaboration
🤝 Collaboration
While designing the challenge creation flow, I had to ensure it aligned with the challenge profile screen. Working closely with the team, I coordinated design decisions in real time to maintain consistency and meet all requirements. This taught me the importance of cross-functional communication and adaptability in fast-moving projects.
While designing the challenge creation flow, I had to ensure it aligned with the challenge profile screen. Working closely with the team, I coordinated design decisions in real time to maintain consistency and meet all requirements. This taught me the importance of cross-functional communication and adaptability in fast-moving projects.
While designing the challenge creation flow, I had to ensure it aligned with the challenge profile screen. Working closely with the team, I coordinated design decisions in real time to maintain consistency and meet all requirements. This taught me the importance of cross-functional communication and adaptability in fast-moving projects.
🧪 Iterating for clarity and usability
🧪 Iterating for clarity and usability
🧪 Iterating for clarity and usability
Early testing revealed pain points in navigation and information hierarchy, making the process feel overwhelming. To improve clarity, I refined field organization and introduced progressive disclosure, reinforcing how small UX decisions can significantly impact user engagement.
Early testing revealed pain points in navigation and information hierarchy, making the process feel overwhelming. To improve clarity, I refined field organization and introduced progressive disclosure, reinforcing how small UX decisions can significantly impact user engagement.
Early testing revealed pain points in navigation and information hierarchy, making the process feel overwhelming. To improve clarity, I refined field organization and introduced progressive disclosure, reinforcing how small UX decisions can significantly impact user engagement.
Thanks for stopping by, let's connect!
Thanks for stopping by, let's connect!
Got a budding idea, a design challenge, or just want to say hi? I'm all ears.
Got a budding idea, a design challenge, or just want to say hi? I'm all ears.
designed & coded by alli chu🌷
designed & coded by alli chu🌷