Sanctum

Redefining BJJ Gym Management with Intuitive Design

Project Details

About Project

Welcome to Sanctum! Our mission is to redefine Brazilian jiu jitsu gym management by seamlessly integrating operations, fostering member engagement, and optimizing efficiency through features like class scheduling, student and gym analytics, training resources, and announcements.

Role

UX Designer

📋 Key areas for design

1. Home Page

Components:

My Progress: Display a belt progression timeline.
My Scheduled Classes: Show upcoming classes.
Video Recommendations: Suggest training videos based on user activity and belt level.

2. Scan Page

Components:

Scan to Log Attendance: Simple interface to scan a QR code or use NFC to log class attendance.

3. Knowledge Hub Page

Components:

Training Videos: Grouped into belt categories (white, blue, purple, brown, black).
BJJ Techniques Dictionary: Searchable dictionary of techniques with descriptions and videos.
Techniques Mindmap: Visual mindmap of required techniques for each belt level.

4. My Progress Page

Components:

Attendance Stats: Track and display attendance history and stats.
Belt Progression: Visual representation of the user’s belt progression.
Training Techniques Score: Score or percentage of techniques mastered.
Health and Fitness Score: Metrics related to fitness goals and achievements.

5. Class / Scheduler Page

Components:

Calendar View: Monthly/weekly calendar to view scheduled classes.
Class Details: Detailed view of each class including overview, videos, instructor info, and notes.

6. Community Page

Components:

Leaderboard: Challenges and achievements of other members within the gym.
Move of the Day: Highlight a specific BJJ technique daily.
Industry News: Updates on upcoming global competitions and registration details.

7. Settings Page

Components:

Account Details: Manage personal details, change password, manage membership.
Settings: Configure push and email notifications.
Help & Support: Access support resources.
Refer a Friend: Share a referral link to invite friends.
Log Out: The button to log out of the app.

📗 Design Guidelines

Color Scheme

Primary Colors: Utilise colors that resonate with BJJ culture, such as black and white (neutral colors).
Accent Colors: Use bright, vibrant, engaging colors for highlights and calls to action (e.g., neon or green).

Typography

Primary Font: Clean, modern sans-serif font for headings and body text (suggested font is graphic.)

Icons and Imagery

Icons: Use simple, intuitive icons for navigation and actions (see proposed iconography on assets page).
Imagery: High-quality images and videos of BJJ techniques, classes, and events. See the exploration page for the art direction of different illustrations.

Layout and Navigation

Consistency: Maintain a consistent layout across all pages.
Intuitive Navigation: An easy-to-use navigation bar or menu allows access to different sections of the app.
Responsive Design: Ensure designs are responsive and adapt to different screen sizes.