7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 1/11

Testing Testing

Testing

Testing

Testing

Testing

Testing

Testing

Testing

Testing

Revision History

Name Date Reason For Changes Version

Kaushik Shankar 4/4/2013 0.9

Shankar Krish 4/10/2013 Minor tweaks based on comments from Ritika 0.91

Kaushik Shankar 4/18/2013 Added details for membership, bids and profile

stats

1.0

Shankar Krish 4/21/2013 Added a section for validation. Some textual

information needs to be added to this section

1.01

Shankar Krish 4/29/2013 TBD replaced with actual text 1.02

Kaushik Shankar 6/2/2013 Updated the changed sections/screenshots based

on revised mockups

1.03

Shankar Krish 7/15/2013 Updated section 1.2  – Included additional info for

the edit, clone, publish/unpublish and Delete

operations

1.04

Shankar Krish 7/23/2013 An addition on closest city in section 2.1; update ishighlighted with yellow background.

1.05

Shankar Krish 7/31/2013 Some minor updates (highlighted) 1.06

Shankar Krish 8/8/13 Resolved the consistency problem in the size of the

service name and descriptions between sections

(changes are highlighted in the validations table)

1.07

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 2/11

Shankar Krish 8/22/2013 Included descriptions for conversions at the profile,

service and portfolio levels.

1.08

Shankar Krish 9/10/2013 Added info on allowed file extensions/types 1.09

Contents 

INTRODUCTION ..................................................................................................................................................... 4 

1  PROFILE VIEW ................................................................................................................................................ 4 

1.1  OVERVIEW....................................................................................................................................................... 8 1.1.1  Services .................................................................................................................................................. 10 

1.1.2  What we’re about – Top Section ............................................................... Error! Bookmark not defined. 1.1.3  What We’re About – Middle Section ........................................................ Error! Bookmark not defined. 1.1.4  What We’re About – Bottom Section ........................................................ Error! Bookmark not defined. 

1.2  SERVICES DETAILS ...............................................................................................ERROR! BOOKMARK NOT DEFINED. 1.3  FEEDBACK TAB ...................................................................................................ERROR! BOOKMARK NOT DEFINED. 

1.3.1  Feedback – Top Band ................................................................................ Error! Bookmark not defined. 1.3.2  Feedback – Reviews .................................................................................. Error! Bookmark not defined. 1.3.3  Feedback – Testimonials ........................................................................... Error! Bookmark not defined. 

1.4  SKILLS TAB.........................................................................................................ERROR! BOOKMARK NOT DEFINED. 

2  EDIT PROFILE .............................................................................................ERROR! BOOKMARK NOT DEFINED. 

2.1  ABOUT..............................................................................................................ERROR! BOOKMARK NOT DEFINED. 2.2  SERVICES ...........................................................................................................ERROR! BOOKMARK NOT DEFINED. 

2.2.1   Adding a New Service ............................................................................... Error! Bookmark not defined. 2.2.2  Updating an Existing Service ..................................................................... Error! Bookmark not defined. 

2.3  PORTFOLIOS .......................................................................................................ERROR! BOOKMARK NOT DEFINED. 2.4  TESTIMONIALS....................................................................................................ERROR! BOOKMARK NOT DEFINED. 

2.5  MEMBERSHIP .....................................................................................................ERROR! BOOKMARK NOT DEFINED. Membership Page .................................................................................................. Error! Bookmark not defined. 

2.6  BIDS .................................................................................................................ERROR! BOOKMARK NOT DEFINED. 2.6.1  Buying More Bids ...................................................................................... Error! Bookmark not defined. 2.6.2  Bid Usage .................................................................................................. Error! Bookmark not defined. 2.6.3  Bid History ................................................................................................. Error! Bookmark not defined. 

2.7  PROFILE STATS....................................................................................................ERROR! BOOKMARK NOT DEFINED. 2.7.1  Profile Views/Conversions ......................................................................... Error! Bookmark not defined. 2.7.2  Service/Portfolio Overview........................................................................ Error! Bookmark not defined. 2.7.3  Marketing Score ........................................................................................ Error! Bookmark not defined. 

3  VALIDATIONS AND ERROR REPORTING .....................................................ERROR! BOOKMARK NOT DEFINED. 

4  SEO RELATED GUIDELINES .........................................................................ERROR! BOOKMARK NOT DEFINED. 

MOCKUPS:

View https://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/Overview.html

FL View https://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/pro-Overview.html

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 3/11

FL Build https://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/profile-build.html 

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 4/11

Introduction

The current model for freelancers setting up their profile and the functionality used by employers to

view the profile information of freelancers will be replaced based on the details in this document. As a

part of this revamp, some other changes will be introduced:

  The concept of multiple profiles per freelancer account will be replaced with a the account

having a single profile

  New membership plans at the account level (replaces the current model)

  Introduction of user defined services that are defined as a part of their profile; this change has

an impact on the Search functionality which will be addressed independently.

1  Profile View

This section describes the Profile view of the freelancer. The Profile View will be divided into sections

from the top to the bottom of the page. With a few exceptions, the Profile View for the Employer and

Freelancer is similar in terms of functionality. Differences will be covered below. Find below a

screenshot of the top band of the Freelancer view of the Overview page.

This is the cover photo/background band. On the left is a picture and screen name of the freelancer.

Whenever the user clicks into this page, only the bottom portion of the cover photo will be shown (the

entire cover photo will not be displayed).

  The location (city) of the freelancer is located below the freelancer’s screen name. 

  Selecting “Website”, a link, will direct the freelancer to their personal webpage, in a new

tab.

  On the top right is an icon that indicates the membership type of the freelancer (each

membership type will be associated with an icon – TBD); in the screenshot provided, the

type is “Large Vendor”. (this feature is not there anymore? Greg didn’t mention) 

  On the right are the earnings and feedback ratings for the past year. Clicking either of 

these will open a drop down menu with more information, shown below.

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 5/11

 This displays all time earnings, jobs awarded, and number of quotes in the last month on

the left. On the right, it breaks down the feedback by percentage for the past year.

Clicking the drop down will close the menu.

The navigation bar below the picture on the left enables the freelancer to view the different sections of 

the profile. Selects of the tabs will direct the user to that particular section of the profile view.

  Overview (section 2.1). This is the default selection of this page.

  Portfolio will take the user to portfolio collections (refer to the BRS for portfolio)

  Feedback (section 2.2)

  Skills (section 2.3)

  Selecting the “Update Profile” box will direct the freelancer to the Profile Settings page,

covered in section 3.

The profile view of the Employer is shown below.

The functionality of this is similar to the freelancer view, with exceptions detailed below:

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 6/11

The cover/background band: the employer has an option of selecting a heart in order to favorite the

freelancer.

  Selecting the white colored heart symbol will shade it red. Hovering over the heart will

show a notification that says “Add to Favorites”, as displayed below. Selecting will

change the heart to red indicating that it is a favorite. Selecting a red heart will remove

it from the favorites and change the color back to white.

The navigation bar below has the same options as the freelancer, with one difference. Instead of 

“Update Profile”, the employer has the option to select “Contact Me”.

  Selecting “Contact Me” will open the contact page for the employer to send a message

to the freelancer. Find below a screenshot of the contact page.

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 7/11

 

1)  The radio button options allow the user to select between “Invite to Quote” or

“Send Message”. Invite to Quote is the default view when “Contact Me” is selected.

2)  Selecting the dropdown “Select a Project” allows the employer to select between

projects to add to the message/quote. If the user has selected the “Send Message”radio button at the top, this option will not be available.

3)  The text box will allow the employer to type a message to the freelancer; the limit

on number of characters is 5000 characters. Selecting “Invite to Quote” or “Send

Message” will send the message/quote.

4)  The social networks that the freelancer has been indicated to present on will be

displayed. Selection will result in the user being taken to the appropriate page for

3

2

1

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 8/11

interaction (dependent on the social network). For the phone icon: on mobile

phones, selecting this will initiate a call with the freelancer; on non-mobile devices

the hover text will display the phone number provided by the freelancer.

1.1 Overview

This section describes the Overview tab of the Profile View. Find below a screenshot of the Overviewpage for the freelancer. The header lists the top nine skills of the user. The remaining portion of the

Overview page is described in four sections.

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 9/11

 

2

1

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 10/11

1.1.1 Services

This section describes the Services portion of the Overview page. It contains information about the

services offered by the freelancer and where the freelancer can manage the service offerings. Find

below a screenshot of the Services portion.

1)  The “+” box on the top right allows the freelancer to add a new service. Selecting this will direct

them to the Edit Profile page, covered in section 3. This option does not appear for the

employer view.

2)  Each service box displays the following:

  Left: Cover image.

  The first portfolio’s cover page will be the cover page of the service.

If there is no cover image, the box will be grey with “Add a cover image” as a clickable

link. Selecting this will open the service in edit mode for the user.

At the bottom right of the picture is a magnifying glass icon, which will appear in bold

when one hovers over it. Selecting the icon will display the portfolio associated with the

service & cover image on a popup (the user will be able to navigate thru the portfolios

for the service as explained in the portfolio BRS).

  Middle: Title of service with a description below. This directs the user to the page of that

Service, covered in section 2.2.

List of skills associated with the service limited to one line. Selecting any of the skills will

take the user to skills page for the selected skill displaying the services and portfolio

associated with the skill (section 1.4)

  Right: The information displayed, from top to bottom, is the hourly rate, minimum rate,

star rating, and number of reviews.

3)  The edit drop down menu on the top right will be displayed when the cursor hovers over a

service. The edit feature will not appear for the employer view. The drop down menu has four

options:

The functionality of the four options:

  Selecting “Edit Service” will allow the freelancer to edit the service (see section 3.2.1).

  Selecting Copy to Drafts will copy the service to the drafts section. The toast message“<title of service> has been copied to drafts” will be displayed on completion of the

copy operation.

  Selecting “Unpublish” will unpublish the service moving the service to the drafts group

(on completion the selected service will no longer be displayed on this page). A

notification that says “<title of service> has been unpublished.” will be displayed.

  Selecting “Delete” will delete the service. A notification will pop up to confirm the

deletion; upon confirming, a notification will say “title of service” has been deleted.

7/27/2019 Tmp 2705

http://slidepdf.com/reader/full/tmp-2705 11/11