Lvl 0- Lvl 2
Lvl 0- Lvl 2
Rookie
Rookie
As the simplest shape, it signifies the foundational stage of skill development. At this level, users are just starting to explore and learn
As the simplest shape, it signifies the foundational stage of skill development. At this level, users are just starting to explore and learn
Lvl 7- Lvl 13
Lvl 7- Lvl 13
Athlete
Athlete
The square symbolizes balance and structure. It symbolizes a solid foundation as at this stage, users are consistently performing and improving
The square symbolizes balance and structure. It symbolizes a solid foundation as at this stage, users are consistently performing and improving
Lvl 28- Lvl 55
Lvl 28- Lvl 55
Champion
Champion
The hexagon represents harmony and efficiency, symbolizing the well-rounded abilities and strategic thinking. Users are now masters in their domain
The hexagon represents harmony and efficiency, symbolizing the well-rounded abilities and strategic thinking. Users are now masters in their domain
Lvl 3- Lvl 6
Lvl 3- Lvl 6
Challenger
Challenger
The triangle, indicates the first step towards complexity and growth. Users at this level are gaining confidence and taking on new challenges
The triangle, indicates the first step towards complexity and growth. Users at this level are gaining confidence and taking on new challenges
Lvl 14- Lvl 27
Lvl 14- Lvl 27
Pro-Athlete
Pro-Athlete
The pentagon,represents versatility and advanced competence. It signifies the user’s transition into higher levels of expertise. Users is refining their techniques and demonstrating professional-level skills
The pentagon,represents versatility and advanced competence. It signifies the user’s transition into higher levels of expertise. Users is refining their techniques and demonstrating professional-level skills
Lvl 55- Lvl 99
Lvl 55- Lvl 99
Olympian
Olympian
The heptagon, signifies wisdom and endurance. It represents the peak of human performance and dedication. Users are elite performers, showcasing exceptional prowess and discipline
The heptagon, signifies wisdom and endurance. It represents the peak of human performance and dedication. Users are elite performers, showcasing exceptional prowess and discipline
Lvl 100+
Lvl 100+
G.O.A.T
G.O.A.T
The octagon represents infinity and achievement beyond limits, symbolizing the pinnacle of success. It denotes the status of being the Greatest of All Time (GOAT)
The octagon represents infinity and achievement beyond limits, symbolizing the pinnacle of success. It denotes the status of being the Greatest of All Time (GOAT)
Gamified Badges
Gamified Badges
Gamified Badges
Gamified Badges
A way to honour achivements
A way to honour achivements
A way to honour achivements
Badges serve as a rewarding way to celebrate user achievements and visualize progress. During the development of Fitmint, we recognized the need to effectively communicate users' achieved levels and goal completions through visual means
Badges serve as a rewarding way to celebrate user achievements and visualize progress. During the development of Fitmint, we recognized the need to effectively communicate users' achieved levels and goal completions through visual means
Badges serve as a rewarding way to celebrate user achievements and visualize progress. During the development of Fitmint, we recognized the need to effectively communicate users' achieved levels and goal completions through visual means
Timeline
Timeline
Timeline
Not specific
Not specific
Not specific
Not specific
Tools
Tools
Tools
Figma
Spline
Blender
Figma
Spline
Blender
Figma
Spline
Blender
Figma
Spline
Blender
Disciplines
Disciplines
Visual Design
3D Modeling
Gamification
Visual Design
3D Modeling
Gamification
Visual Design
3D Modeling
Gamification
Matching the Design Language
Matching the Design
Language
Matching the Design Language
Matching the Design Language
A primary consideration in designing these badges was ensuring they seamlessly integrate with our current design language, ensuring a cohesive look and feel
A primary consideration in designing these badges was ensuring they seamlessly integrate with our current design language, ensuring a cohesive look and feel
A primary consideration in designing these badges was ensuring they seamlessly integrate with our current design language, ensuring a cohesive look and feel
Several hours of referencing later...
Several hours of
referencing later...
Several hours of referencing later...
Several hours of referencing later...
We opted for simple shapes with increasing complexity for each level. These shapes are designed to remain recognizable even at smaller sizes when placed next to the user's profile picture.
We settled for simple shapes with progressive complexity for each of the levels
We opted for simple shapes with increasing complexity for each level. These shapes are designed to remain recognizable even at smaller sizes when placed next to the user's profile picture.
Our exploration of Spline 3D delved into materials, textures, colors, and lighting. This journey revealed how these factors interact to create cohesive, visually appealing designs. The process was crucial for achieving distinctive, recognizable badges, even at smaller sizes.
Our exploration of Spline 3D delved into materials, textures, colors, and lighting. This journey revealed how these factors interact to create cohesive, visually appealing designs
Our exploration of Spline 3D delved into materials, textures, colors, and lighting. This journey revealed how these factors interact to create cohesive, visually appealing designs.
Our exploration of Spline 3D delved into materials, textures, colors, and lighting. This journey revealed how these factors interact to create cohesive, visually appealing designs.
Venturing into 3D Design with Spline
Venturing into 3D Design
Venturing into 3D Design with Spline
Rounded & soft corners
Poppy Visuals
Simple shapes
FUN
3D
Should go with the white BG of the app
Adding details &
exploring materials
Adding details &
exploring materials
Understanding shape building & their interaction
Understanding shape building & their interaction
Light & Angle fixing
Light & Angle fixing
form fixing
form fixing
Final Designs
Final Designs
Final Designs
Final Designs
Disciplines
Visual Design
3D Modeling
Gamification
Design Evolution
Design Evolution
Design Evolution
Design Evolution
form fixing
Adding details &
exploring materials
Understanding shape building & their interaction
Light & Angle
fixing
BACK
BACK