LinkedIn League Design System

Project Type
School project for design systems course

My Role
Product Designer

Timeline
2 months

Contribution
Concept Development
Style Guide
Design System

Tools
Figma
Storybook

During grad school, I participated in a class project where we were tasked with developing a LinkedIn
sub-product tailored specifically for the sports industry: LinkedIn League. The assignment involved defining the unique objectives of this sub-product to set it apart from the existing LinkedIn platform, creating a style guide for it, and building a design system that incorporated this new style guide while utilizing the
Monday.com design system.

I worked with a team of four students, each bringing different skills to the table. In my role as the designer, I was responsible for creating both the style guide and the design system. I also gained experience in teaching my group members the foundations of Figma. I really enjoyed this course, as it provided an in-depth exploration of design systems, which is a crucial and practical aspect of product design.

Product Objectives

  1. Bridge the gap between athletes, agents & fans

  2. Combine professional networking with fan engagement

  3. Increase overall access to sports-specific jobs, up-to-date news, and partnership opportunities

Our visual concept integrates vibrant colors and bold fonts to inspire passion and unity, fostering connections and empowering success in sports.

The vibe: Sporty, Innovative, Energetic, Engaging, Vibrant, Modern, Dynamic

STYLE GUIDE

Moodboard

Brand Elements


DESIGN SYSTEM

The elements of the style guide were then applied to UI components to create a design system for the LinkedIn League platform. Since the course was taught by Meirav Ron, Design System Lead at Monday.com, we were able to leverage the company’s design system to develop ours.

BRINGING THE DESIGN SYSTEM TO LIFE

The LinkedIn League concept and brand was brought to life using components from the refreshed design system to build the homepage of the new platform.

Previous
Previous

Dell

Next
Next

Dizengoff Center