⚽ 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!