User search card
The user search card pattern display the user information in a single element.
Contents
This is a card built primarily for use on the Browse Frelancers page, but may also be used for other similar context. These cards will often sit alongside other user search cards.
User search cards have been designed to meet the following objectives:
to provide potential clients an easily digestable and scannable overview of a freelancer to aid them in finding a suitable freelancer for their projects.
to shine our freelancer talent in the best light possible.
A user search card will typically contain the following information, mostly taken from their user profile page.
To give the viewer a good idea at a glance who they are looking at. This includes the online indicator at the bottom right of the image.
Compact and quickly scannable information about the user. This includes:
their username
any relevant badges to their account
their 5 star reputation score
the number of reviews they have received
their earnings score
their percentage of jobs successfully completed
their country
How much the freelancers charges per hour, displayed in their local currency.
A compact version of the freelancer information. This includes:
their title
a snippet of their bio, which can be expanded to read the full bio
their top skills
A button to directly create a project for the freelancer.
An icon to add or remove the freelancer from the user’s Lists feature.
User search cards are built to scale responsively, and then snap to a more condensed layout for mobile.
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.