LinkedIn Connect
LinkedIn Connect
The business card that's always by your side.
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