The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
🚀 Just finished building FitTrack — a modern fitness tracking web app.
Built with React, focusing on a clean and responsive user experience across desktop, tablet, and mobile.
💪 Key features include:
• Workout & exercise tracking
• Fitness dashboard
• Progress tracking
• Exercise categories & search
• Clean, responsive UI
• Interactive charts and statistics
This project helped me focus on building a functional fitness experience while keeping the interface simple, modern, and easy to use.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Kajabi Gym & Fitness Landing Page Design
The client needed a focused landing page for their gym and fitness offering that could present the program clearly and encourage visitors to take the next step.
I designed the landing page in Kajabi with a strong visual hierarchy, clear sections for the fitness program, benefits, social proof, and calls to action. The layout was also structured to work smoothly across desktop and mobile.
The result was a clean, focused fitness landing page that makes the offer easier to understand and gives visitors a clear path toward getting started.
#KajabiFitness #KajabiFitnessCoach #KajabiFitnessWebsite #KajabiFitnessLandingPage #FitnessCoachWebsite #FitnessCoachingWebsite #OnlineFitnessCoach #PersonalTrainerWebsite #FitnessLandingPage #GymLandingPage #FitnessProgram #OnlineFitnessProgram #PersonalTraining #WeightLossCoach #FitnessFunnel #FitnessSalesPage #GymWebsite #FitnessWebsiteDesign #FitnessWebDesign
Great work, Hesty. I like how you focused on clear hierarchy, social proof, and strong CTAs instead of just making the page look good. That combination of UX + conversion thinking is what makes a landing page effective.
I'm experimenting with two responsive designs for mobile bottom navigation and would love to hear your thoughts.
Which approach would you prefer? 👇
A — Multi-row Grid
Navigation items wrap into multiple rows to accommodate smaller screens.
B — Horizontally Scrollable Bar
A single-row navigation bar that users can scroll horizontally to access more options.
Which feels more intuitive, accessible, and user-friendly?
Vote for A or B and let me know why in the comments. I'd love to hear your perspective! 🚀
2 voted
50%
2 voted
50%
4 votes
Closed
Multi-row Grid is more practical I like it great job 🎉🎉🔥🔥
AI Billing & Case-Note Automation from Email (TraceFlow)
Support coordinators were losing billable hours because the work happened in email and meetings and never got recorded. I designed and built TraceFlow, a live SaaS that connects a coordinator's Google or Microsoft mailbox. It uses AI to draft case notes and capture billable activity from emails and calendar meetings, and prepares it for invoicing. It includes Stripe subscriptions with a 14-day free trial.
Skills: Next.js, PostgreSQL, Claude API, Gmail API, Stripe, AI data extraction
I'd want each drafted case note to show the email or meeting it came from before anyone approves billing. How do you stop the same activity being counted twice when it appears in both an email thread and a calendar event?