Profile Page Evolution

Redesigning member profiles to serve three audiences: creating a 'storefront' for innovators, a decision-making tool for project managers, and a data foundation for algorithmic matching.

Role: Design Lead
Company: Xinova
Member Networks User Profile Improved Experience
Xinova User Profile Page

The Challenge

Xinova's innovation platform matched expert innovators with companies seeking solutions to complex problems. Our business model depended on this matching capabilityβ€”but our member profiles weren't capturing the data we needed to make it work.

The challenge was threefold: members needed profiles that functioned as compelling "storefronts" for their expertise, project managers needed efficient tools to evaluate and compare candidates, and the business needed data as a foundation for algorithmic matching. The existing profile page was not serving these needs well.

Jump to the Outcome

Member Needs

  • Showcase their experitse & background
  • Attract & secure opportunities
  • Control their presentation

Internal Project Manager Needs

  • Access comprehensive member data
  • Efficiently evaluate candidates
  • Make confident matching decisions

Business Needs

  • Capture structured expertise data
  • Increase data completeness among members

The Solution

I redesigned the profile system with permission-based views and new data architectures to serve the various audiences. Some of the design challenges I faced included:

Starting State

Starting state of the profile page
πŸ”
Click to view full image
Page layout to organize content
πŸ”
Click to view full image

Organizing content

The profile evolved from a simple, one-page, one-column layout to a more complex, data-dense experience. This required a new way to organize the content to make it easier to navigate and understand. I designed a 2-column layout, utilizing a card pattern to section data types and provide visual structure, and expanded the page with sub-navigation to section the different data needs.

Data prioritization
πŸ”
Click to view full image

Prioritizing Data to Include

A key piece of this project was to identify the data that we needed to collect and display in the profile. I worked with the PM and another designer to take collected feedback and research to prioritize must-have and nice-to-have data fields for this project.

CRUD design pattern
πŸ”
Click to view full image

Improving Add/Edit Functionality

I designed an improved, reusable component for adding and editing data inline and in-context in the profile. This provided a more streamlined experience for users and made it easier to edit list items.

Empty state designs
πŸ”
Click to view full image

Designing Empty States

I utilized persuasive design principles to design empty states for the profile. This provided a more thoughtful user experience and encouraged users to complete the page with their information.

Design Process

Project Kickoff

I partnered with the product manager to create a project charter that aligned the cross-functional team around the core challenge: balancing three distinct user needs while building a scalable data foundation. The charter defined our problem space, success metrics, user segments, and scope constraints.

Project Charter
πŸ”
Click to view full image

Inspiration & Competitive Research

I conducted competitive research to understand how similar platforms balanced profile completion incentives with data utility. Examining competitors in the innovation/marketplace space plus platforms like LinkedIn and Upwork, I identified patterns in how they organized expertise data, used progressive disclosure, and created "completeness" motivators. These insights directly shaped my approach to the design experience, permission-based views and data prioritization.

Competitive Research & Inspiration
πŸ”
Click to view full image

Sketching & Wireframing

Through iterative sketching and wireframing, I tackled the core architectural challenge: organizing 15+ data types for three distinct user perspectives.

Throughout this phase, I ran collaborative design reviews with the product and engineering teams and stakeholders, testing assumptions about information priority and user workflows.

Key Explorations Included:

  • Page layout approaches
  • Using existing design patterns versus creating new ones
  • Permission-based views for members, project managers, and the individual
  • Visual hierarchy that balanced PM data density needs with member engagement
  • A "Xinova DNA" summary concept for branding and at-a-glance expertise display
Sketches
πŸ”
Click to view full image
Wireframes
πŸ”
Click to view full image

User Testing & Iteration

I collaborated closely with a fellow designer who took the lead of doing research on this project. The research was set up as informal interviews, with tasks for the users to perform. I put together a clickable prototype using wireframe mockups and InVision. We used 4 internal users, representing 2 different user types, and 2 external Xinova users. Our research helped us understand the data that was more important to the various users.

User Testing & Iteration
πŸ”
Click to view full image

Outcome

The redesigned profile system dramatically increased structured data capture across the network, creating the foundation Xinova needed for algorithmic matching. We also created a more compelling "storefront" for members to showcase their expertise and show off a little.

2x Increase
Members with publications,
experience and photos
3x Increase
Members with patents
and education
50%
Active members with
2+ interest areas
25%
Active members with
5+ interest areas