Sports Highlight UI Design Project by Ayesha SSports Highlight UI Design Project by Ayesha S

Sports Highlight UI Design Project

Ayesha S

Ayesha S

📌 Project Title:

“Shots from the Last Week” – Sports Highlight UI Design

📖 Project Overview

This Figma project presents a modern sports highlight interface designed to showcase weekly performance snapshots of athletes. The design focuses on delivering a visually engaging, editorial-style experience that combines sports analytics with a magazine-like aesthetic.
The layout emphasizes clarity, hierarchy, and visual storytelling, making it suitable for sports apps, athlete portfolios, or digital magazines. 🎯 Objective
The main goal of this project was to:
Create an interactive and visually appealing UI for weekly sports highlights
Present athlete performance data in a clean and structured format
Blend data + visuals to enhance user engagement

🎨 Design Style & Theme

Theme: Dark, premium, and modern
Color Palette:
Deep blue/purple gradient background
High contrast white typography
Vibrant layered accent colors behind the athlete image
Mood: Professional, energetic, and slightly editorial
The dark background helps highlight the central content, while the gradient adds depth and sophistication.

🧩 Layout & Components

1. Header Section

Displays date: “6th June Week 2026”
Main title: “Shots from the Last Week”
Branding/logo placed in the top corner
👉 Purpose: Establishes context and creates a strong first impression.

🚀 Use Cases

This design can be used for:
Sports mobile/web apps
Athlete portfolio platforms
Weekly performance dashboards
Digital sports magazines

🏁 Conclusion

This Figma project successfully combines UI design with storytelling, creating an engaging way to present sports highlights. The design is not only visually appealing but also functional, making it ideal for modern sports-related digital platforms.
Like this project

Posted Apr 23, 2026

Designed a sports highlight interface in Figma, focusing on athlete performance.Ready to help you too