P

P

r

r

o

o

j

j

e

e

c

c

t

t

Made in Webflow

**Project Title: SportLink – A Dynamic Sports Streaming Experience**

Project Overview: SportLink is a Netflix-inspired sports event website that offers a rich and seamless user experience, showcasing a vast collection of sports videos through a robust CMS architecture. Designed and developed for video-centric engagement, this membership-based platform demonstrates advanced technical skills and creative design techniques, providing an immersive user experience for sports enthusiasts.

Key Features:

Complex CMS Integration:

A sophisticated CMS setup to manage a large library of sports videos, enabling dynamic content updates and effortless scalability.

Custom Menu Design:

A fully custom fullscreen menu with hover animations and category-specific navigation, allowing users to explore different types of sports seamlessly.

Interactive Animations:

- Custom loading animations to enhance user engagement. - Marquee scroll animations for a dynamic feel. - Masking animations for smooth transitions. - Custom button hover effects for an interactive touch.

CMS-Driven Components:

CMS sliders displaying videos dynamically from the database. - Tab-based CMS filtering integrated with Finsweet Attributes for intuitive navigation. - Nested collections to structure related content effectively.

Membership Functionality:

Built using **Memberstack**, providing secure log-in and sign-up functionalities. - Membership management with flexible API integrations and webhooks for subscriptions.

Advanced CMS Import & Filtering:

Integrated with Finsweet's CMS filtering to allow users to quickly find specific sports content, enhancing the site's usability.

Custom CSS & Responsive Design:

Utilized custom CSS for intricate design elements and masking animations. Fully responsive design ensures the platform looks and performs flawlessly across all devices.

User-Centric Features:

Video playback optimized for a smooth viewing experience. - Variable typography for personalized content presentation. - Responsive design to ensure accessibility on any screen size.

Technologies & Tools Used:

Webflow:

For advanced development and CMS setup.

Finsweet Attributes:

To enhance CMS filtering and interactions.

Memberstack:

For efficient membership management.

Custom Code:

Javascript, CSS for animations and unique design implementations.

This project is a testament to my ability to combine creative design, technical expertise, and advanced Webflow capabilities to deliver a high-performing, user-friendly platform.

‍