LinkedIn Connect

connect-banner.png
connect-banner.png

LinkedIn Connect

$0.00

The business card that's always by your side.

Add To Cart

← ALL WORK

LinkedIn Connect

Client: Concept Piece
Roles: Research, UX/UI Design
Goal: Reduce friction points in professional networking
Software: Photoshop


The Opportunity

I completed a task analysis and user interviews to gather data on the typical in-person networking process. The data revealed numerous pain points, and a potential solution to help people connect and exchange contact information.

Networking Pain Points

  • Exchanging and storing contact info
  • Not having business cards 

Solution: LinkedIn Connect

LinkedIn Connect is a conceptual companion app to LinkedIn that would function as a digital business card. If you take a photo of someone else's "card", you'll then be instantly connected on LinkedIn. Their contact info would also be stored to your device's contacts, plus any other cloud enabled app that syncs your phone's contacts.

Key Benefits

  • Access
    • The "card" is everywhere with you
    • No reliance on physical business cards
  • Ease of use
    • No typing or searching
    • No need to write messages
  • Multi device/app benefits 

Design

The primary design goals were simplicity, ease of use, and brand consistency. These wireframes and mockups were created in Adobe Photoshop. 

Quick Add Walkthrough

These mockups represent the user flow for adding connections. In this scenario, our persona suggests swapping contact info with a friend, but neither of them have business cards on them. Instead they pull up their LinkedIn Connect apps on their phones. 

LinkedIn Quick Connect Grayscale Wireframes

 

View History Walkthrough

Now that they Nicole's successfully added Jessica as a new connection on LinkedIn and saved her contact info she can go back and view her history of added connections.

LinkedIn Quick Connect Grayscale Wireframes

 

High-Fidelity LinkedIn Connect Mockups

To raise the fidelity of the grayscale wireframes, I added user images and applied font styles and colors that were aligned with LinkedIn's branded style guide.

LinkedIn Quick Connect High Fidelity Mockups

 

Next Steps

  • Create a clickable prototype
  • Usability test
  • Validate and iterate on concept and design