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
⚽ Athlete Portfolio & Live Sports SaaS Landing Page
Project Overview
This project focuses on crafting a premium, dynamic, and high-energy landing page dedicated to elite athletes and sports management (showcasing Luies David). The objective was to replace traditional, boring sports stats grids with a brutalist, typography-driven editorial design.
The interface seamlessly merges immersive athlete branding with real-time sports data—such as live match countdowns, performance metrics tables, and upcoming fixtures modules—ensuring a captivating experience for fans, scouts, and agency sponsors alike.
💻 My Role & Responsibilities
Visual Identity & Art Direction: Implementing a striking dark-mode aesthetic paired with high-contrast neon accents to match the adrenaline and energy of professional sports.
Complex Data Architecture: Designing clean, readable layouts for intricate sports statistics grids (Luies David Stats) and interactive countdown blocks without cluttering the UI.
Component-Driven Design: Curation of dynamic card layouts for upcoming matches and custom video player modules optimized for smooth responsive scaling.
✨ Design Highlights & UX Solutions
Immersive Overlapping Hero: Utilizing massive typography overlapping with sharp cutout imagery to establish an instant premium editorial feel above the fold.
Real-Time Match Urgency: Crafting a high-focus live countdown container (Next Match) with prominent team badges to drive user engagement and broadcast retention.
Scout-Friendly Metrics Layout: Building an organized, scannable data sheet for athletic milestones, ensuring key performance metrics are instantly readable for talent acquisition teams.
🛠️ Tools & Deliverables
Tools Used: Figma
Deliverables: High-fidelity landing page UI, custom responsive grid systems, dynamic data card variants, and scalable components.
💡 Looking to elevate your sports tech platform or agency web presence with a high-octane UI?
Let’s collaborate to turn your complex platform ideas into visual masterpieces. Send a direct message right here on Contra to get started!
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
Hi everyone! 👁️ I built Second Eye for the @bubble #PromptAndCircumstance hackathon — and it's basically the brutally honest design critic every designer secretly needs.
Here's the idea: you drop in a design, and Second Eye scores it. Not with a vague "looks good" — but with a real breakdown across visual hierarchy, typography, color, spacing, accessibility, and usability. Every category gets a score, what's working, and what to fix. Then it tracks your progress over time on a dashboard, so you can actually watch your craft improve.
The heart of Second Eye is an analytics dashboard. It surfaces a designer's average AI score, total and published projects, peer ratings, and a score-trend chart — turning scattered feedback into measurable, trackable performance data that helps designers see how their work improves over time.
There's also a community side — a gallery where designers share work, leave critiques, and rate each other.
What I love about building this: it started as a single Bubble AI prompt. The AI gave me the skeleton — the layout, the data structure, the gallery. Everything after that was me reshaping it into something that actually works: the critique engine, the scoring logic, the trend chart, the whole community layer.
First time ever building on Bubble — and I shipped a real, working product. 🚀
Tools behind it:
Bubble AI (the foundation) · Claude by @AnthropicAI (logic + debugging) · ChatGPT (visuals)
Curious what your design scores? Go find out 👀
👉 https://second-eye.bubbleapps.io
Social: https://x.com/ruslana_prymak/status/2070560948583096531?s=20
Such a brilliant and highly practical tool! Every designer needs a brutally honest critic to catch spacing or accessibility slips before client reviews. Incredible execution for your first Bubble project—congrats on shipping! 👏🔥
I added a new project to my Contra profile. I was the Design & Developer on the project and acted as a Design Engineer.
I used Figma and Cursor/Claude to build the MacOS app.
Amazing!
Client turned this one down for a logo design. Might have to keep it in the back pocket!
I know youre work is solid friend but I am genuinely struggling here. An onion? Spacecraft? Heart?
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?
