LinkedIn

Introduction

For the purpose of this Uxcel challenge, I designed 10 mobile wireframes and 10 high-fidelity mobile screens using UXPilot (including the ones for dark mode, too).

I chose LinkedIn as my favorite app, since I use it daily and appreciate its professional networking value.

The goal was to recreate the app’s core user experience through its most essential screens, focusing on usability, consistency, and visual clarity.

__________________________________________________________________________

The screens

Onboarding / Login / Signup – Welcomes users and provides login and registration options.

Home Feed – Displays posts, updates from connections, and main navigation elements.

Search / Discover – Enables users to search for people, jobs, and companies with advanced filters.

Profile – Shows personal information, experience, education, and skills, with an edit option.

Connections / Network – Displays connection requests, suggestions, and the user’s network list.

Messaging – Includes chat lists and conversation views with a message input field.

Notifications – Displays activity alerts with read/unread status.

Job Listings – Contains job cards, search, filters, and save/apply options.

Company Pages – Shows company details, posts, and a follow option.

Settings – Covers account management, privacy preferences, and logout options.

__________________________________________________________________________

User persona

I created a persona that represents a typical professional user. Sarah Johnson Carter, a 34-year-old marketing specialist, captures the goals and habits of people who use LinkedIn to connect with others, grow their careers, and stay informed about their industry.

__________________________________________________________________________

Heatmap

To better understand how users interact with key screens, I conducted a heatmap analysis on the Job Listings and a Company Page screen. The goal was to see where users focus their attention, which elements draw the most clicks, and how intuitive the layout feels for exploring jobs and company information.

__________________________________________________________________________

AI Prompts

For this project, I created 10 mobile wireframes and 10 high-fidelity mobile screens using UXPilot. Additionally, I designed a dark mode version by reusing the high-fidelity prompts and specifying a dark theme variation, ensuring visual consistency across both light and dark interfaces.

Final Word

Working on this project was a really enjoyable and inspiring experience, mainly thanks to UXPilot, which completely transformed my design process. Using AI to create wireframes and then high-fidelity screens helped me to quickly produce consistent, high-quality screens that accurately captured the feel of LinkedIn. What would normally take several days I managed to do in just a few hours, and the whole process felt smooth and creative.

My workflow included three main stages:

1. Wireframe phase – defining structure, layout, and user flow.
2. High-fidelity phase – refining visuals, colors, typography, and overall professional tone inspired by LinkedIn.
3. Dark mode iteration – improving readability and testing the dark interface.

_________________________________________________________________________

Challenges

The hardest part was keeping the design consistent across all ten screens while still making it look unique and personal. Another challenge was finding the right way to phrase AI prompts, since even small changes in wording could completely alter the results.

_________________________________________________________________________

Key Learnings

Through this project, I learned how essential clear communication with AI is, and how much a well-crafted prompt can speed up the design process. I also learned that AI should not replace designers but rather support creativity and help ideas come to life faster. UXPilot made the whole process enjoyable, efficient, and much more fun than I expected.