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
Cycling Coach Website | UX/UI & Framer
A modern, performance-focused website designed for a professional cycling coach working with athletes across road cycling, mountain biking, cyclocross, and track cycling.
The goal was to create a website that communicates expertise and credibility while making it easy for potential athletes to understand the coaching approach and choose the right training plan.
The structure is built around a clear conversion-focused journey. Visitors are introduced to the coach's experience and philosophy, learn about the different cycling disciplines, explore coaching plans, and are gradually guided toward booking an initial consultation.
A key focus was communicating the value of personalized coaching. Instead of presenting training as a collection of generic workout plans, the website emphasizes individualized programs, ongoing adjustments, performance tracking, race strategy, and long-term progress.
The coaching plans are presented in a clear comparison structure, helping visitors quickly understand the differences between each level of service and choose the option that fits their goals.
I also used testimonials, performance statistics, a detailed FAQ section, and strong calls to action to build trust and address common concerns before the visitor reaches out.
The visual direction combines the energy and performance of competitive cycling with a clean, structured layout that keeps the focus on the athlete's goals and the coach's expertise.
Designed in Figma and built in Framer.
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
As Lead Brand Designer at Case Study Brands, I led the brand identity for Point Quest Group, an education organization. Starting with positioning and brand strategy, I translated the organisation’s goals into a cohesive visual identity designed to resonate with both school leaders and families. The final identity system balances credibility with warmth while providing a scalable foundation for future growth.
Great Work
Architect of Chaos: Branding Cobalt Analytics for the Envato Challenge
AI has completely changed the creative landscape, but it hasn’t changed what makes a digital product functional. For the Envato Challenge, I set out to design the brand identity and UI concept for a B2B SaaS platform, Cobalt Analytics. The goal was to show the crucial difference between machine generation and human curation.
The Insight: The Azulejo Metaphor
Data analytics is often visually represented by clichéd glowing nodes and neon webs. I wanted a metaphor with history. I turned to Azulejo — traditional Portuguese ceramic tiles. Historically, the art of Azulejo was about taking thousands of fragmented, independent tiles and assembling them into one grand, coherent narrative. This is exactly what a predictive data platform does: it turns chaotic metrics into a clear system.
The Process: AI as the Miner, Human as the Filter
I started by feeding AI historical references of Azulejo tiles. The result? Absolutely stunning, yet completely unusable visual noise. AI generated beautiful chaos, but as a designer, I know that algorithms don't understand scalability, negative space, or modular grids.
The Extraction: I rejected 95% of the AI generations, extracting just one perfect geometric silhouette hidden in the noise.
The Clean-Up: I moved to Envato Elements to source mathematically perfect vector shapes and rebuilt the AI's concept into a clean, scalable brand mark.
The System (Figma): I established a strict modular Bento-grid, paired the complex geometry with a brutalist sans-serif typography, and built out the core UI dashboard widgets in Figma.
The Execution (Zero Photoshop): To bring the brand into the real world, I utilized Envato’s native mockup generator. I applied my designs directly to premium physical and digital mockups right inside Envato's browser tool—no Photoshop required. A completely streamlined, modern workflow.
The Result: Cobalt Analytics.
A brand identity that is mathematically precise, highly scalable, and ready for development. AI generated the noise, but human judgment built the system.
And for the brave souls, here is the link to the full Figma file. Fair warning: it’s a typical creative mess inside, you know how it is 😅
https://www.figma.com/design/5Du5Sjr7jCCZYNgH5Y9QtB/Envato-Challenge?node-id=17-2181&t=vap8tOu6fACNieNW-1
more detail
Nice design! How did you generated the background image?
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?