• Hi, I’m Myles

    嗨,我是 Myles

    Hola, soy Myles

    नमस्ते, मैं Myles

    مرحبًا، أنا Myles

    Salut, je suis Myles

    হাই, আমি Myles

    Oi, eu sou o Myles

    Привет, я Myles

    Hallo, ich bin Myles

    こんにちは、Mylesです

    안녕, 나는 Myles야

    Labas, aš esu Myles

    हाय, मी Myles आहे

    Xin chào, tôi là Myles

    Ciao, sono Myles

    Hej, jag är Myles

    Cześć, jestem Myles

    Hi, I’m Myles

    嗨,我是 Myles

    Hola, soy Myles

    नमस्ते, मैं Myles

    مرحبًا، أنا Myles

    Salut, je suis Myles

    হাই, আমি Myles

    Oi, eu sou o Myles

    Привет, я Myles

    Hallo, ich bin Myles

    こんにちは、Mylesです

    안녕, 나는 Myles야

    Labas, aš esu Myles

    हाय, मी Myles आहे

    Xin chào, tôi là Myles

    Ciao, sono Myles

    Hej, jag är Myles

    Cześć, jestem Myles

LinkedIn

User-centric filtering

LinkedIn

User-centric filtering

LinkedIn

User-centric filtering

Improving the Linkedin filtering system with features like tagging, customizable categories & space management.

Improving the Linkedin filtering system with features like tagging, customizable categories & space management.

Improving the LinkedIn filtering system with features like tagging, customizable categories & space management.

Filter • Tag • Customize

Filter • Tag • Customize

Timeline

1 month

Role

UX and UI Designer

Tools

Figma

Project Overview

LinkedIn is the go-to platform for networking with professionals and businesses. I’ve personally spent a lot of time navigating LinkedIn’s connection pages, but much of that time was spent manually transferring information to my Notion dashboard. The reason? LinkedIn lacks key features that could make networking more seamless. By introducing a personalized category and tagging system, and more customizability for the user, LinkedIn could significantly improve its user experience, keeping professionals on the platform longer and making networking more efficient for those seeking new opportunities.

LinkedIn is the go-to platform for networking with professionals and businesses. I’ve personally spent a lot of time navigating LinkedIn’s connection pages, but much of that time was spent manually transferring information to my Notion dashboard. The reason? LinkedIn lacks key features that could make networking more seamless. By introducing a personalized category and tagging system, and more customizability for the user, LinkedIn could significantly improve its user experience keeping professionals on the platform longer and making networking more efficient for those seeking new opportunities.

Filter • Tag • Customize

The Problems

Limited Message Functionality

Limited Message Functionality - Searching for specific contacts or applying bulk actions is cumbersome. Implementing a search bar, checkboxes, and mass selection tools would make managing contacts easier.

Limited Message Functionality

Searching for specific contacts or applying bulk actions is cumbersome. Implementing a search bar, checkboxes, and mass selection tools would make managing contacts easier.

Searching for specific contacts or applying bulk actions is cumbersome. Implementing a search bar, checkboxes, and mass selection tools would make managing contacts easier.

Disorganized Contact

Management

Disorganized Contact Management - Without personalized categories, and collapsible sections, users struggle to efficiently group and retrieve important connections. A more structured system enhances accessibility and workflow.

Disorganized Contact Management

Without personalized categories, and collapsible sections, users struggle to efficiently group and retrieve important connections. A more structured system enhances accessibility and workflow.

Without personalized categories, and collapsible sections, users struggle to efficiently group and retrieve important connections. A more structured system enhances accessibility and workflow.

Little Customization

Little Customization - A rigid category system limits user customization, making it difficult to tailor filtering options to specific needs. By allowing more flexibility in category creation and management, users can streamline their workflow, enhance organization, and rely on a system that adapts to their unique preferences.

Little Customization

A rigid category system limits user customization, making it difficult to tailor filtering options to specific needs. By allowing more flexibility in category creation and management, users can streamline their workflow, enhance organization, and rely on a system that adapts to their unique preferences.

A rigid category system limits user customization, making it difficult to tailor filtering options to specific needs. By allowing more flexibility in category creation and management, users can streamline their workflow, enhance organization, and rely on a system that adapts to their unique preferences.

The Solutions

Filter Rehaul

I've completely redesigned the LinkedIn Connections filter bar for a more intuitive and customizable experience. The new collapsible categories keep the workspace organized, while a search bar allows quick access to filters and tags. The "Add New Filter" section lets users create custom filters with specific tags, which can be easily removed by hovering. This update gives users more control, making networking and connection management seamless.

Profile Tags

I’ve built a new tagging system that seamlessly integrates with the filter sidebar, making it easier to organize and categorize connections. Clicking the "Tags" button on a profile card opens a modal showing all associated tags, with a search bar to quickly find, add, or remove them. This system allows for effortless customization, helping you filter and manage connections more efficiently.

Messaging Modal

I designed a new message modal that appears when users select checkboxes on profile cards. At the top, a search bar and name tags display selected recipients. Below, users can optionally name a group. A toggle button allows switching between "Group Chat" (default) and "Bulk Message." Selecting "Bulk Message" removes the group name field, streamlining the process for sending individual messages. This design improves clarity and flexibility in managing LinkedIn conversations.

I designed a new message modal that appears when users select checkboxes on profile cards. At the top, a search bar and name tags display selected recipients. Below, users can optionally name a group. A toggle button allows switching between "Group Chat" (default) and "Bulk Message." Selecting "Bulk Message" removes the group name field, streamlining the process for sending individual messages. This design improves clarity and flexibility in managing LinkedIn conversations.

Research

Lots of bumps in the road

Initial research faced hurdles: limited secondary data and no direct LinkedIn competitors (Xing account was quickly banned). Consequently, the project pivoted to user interviews with five diverse LinkedIn users. This user-centered approach provided valuable insights and narrowed the project scope from an A/B test of two concepts to a focused redesign of the existing page.

Iterations

Designing for Clarity Over Flash

At first, I wanted to create something grand, fresh and exciting yet true to the design system. I introduced a new component that looked the part but felt distinct. However, testing revealed that users struggled to connect it with other elements, making navigation harder. So, I scaled back, aligning more closely with the existing design language, and the results were far better. This reinforced a key lesson: style means nothing if it's not intuitive and accessible.

Take-aways

Simplicity Leads to Better Design

Simplicity Leads to Better Design Design

Simplicity is key in design. Initially, I aimed for grand solutions, but through iterations, I learned that small tweaks to existing designs are often more effective. Familiar elements create a smoother, more intuitive user experience.

Prioritize Usability Over Flashy Features

Prioritizing simplicity over complexity improves usability. While flashy interactions may be tempting, clear and intuitive designs ensure users can navigate and engage with a redesigned product effortlessly.

Scale Your Project Based on User Needs

Define your project's scale early based on user data, not assumptions. I initially planned a large-scale A/B test but realized through research that it was too ambitious. Aligning scope with real user needs ensures focused, effective efforts.

Scale Your Project Based on User Needs

Define your project's scale early based on user data, not assumptions. I initially planned a large-scale A/B test but realized through research that it was too ambitious. Aligning scope with real user needs ensures focused, effective efforts.