Version 1.

03 April 2013

Revision History
Name Kaushik Shankar Shankar Krish Kaushik Shankar Shankar Krish Shankar Krish Kaushik Shankar Shankar Krish Date 4/4/2013 4/10/2013 4/18/2013 4/21/2013 4/29/2013 6/2/2013 7/15/2013 Minor tweaks based on comments from Ritika Reason For Changes Version 0.9 0.91

Added details for membership, bids and profile 1.0 stats Added a section for validation. Some textual 1.01 information needs to be added to this section TBD replaced with actual text 1.02 Updated the changed sections/screenshots based 1.03 on revised mockups Updated section 1.2 Included additional info for 1.04 the edit, clone, publish/unpublish and Delete operations An addition on closest city in section 2.1; update is 1.05 highlighted with yellow background. Some minor updates (highlighted) 1.06 Resolved the consistency problem in the size of the 1.07 service name and descriptions between sections (changes are highlighted in the validations table) Included descriptions for conversions at the profile, 1.08 service and portfolio levels. Added info on allowed file extensions/types 1.09

Shankar Krish Shankar Krish Shankar Krish

7/23/2013 7/31/2013 8/8/13

Shankar Krish Shankar Krish

8/22/2013 9/10/2013

Contents
INTRODUCTION ..................................................................................................................................................... 3 1 PROFILE VIEW ................................................................................................................................................ 3 1.1 OVERVIEW ....................................................................................................................................................... 7 1.1.1 Services ....................................................................................................................................................9 1.1.2 What were about Top Section............................................................................................................10 1.1.3 What Were About Middle Section .....................................................................................................12 1.1.4 What Were About Bottom Section.....................................................................................................13 1.2 SERVICES DETAILS ...........................................................................................................................................38 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.

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 4

VALIDATIONS AND ERROR REPORTING ..................................................... ERROR! BOOKMARK NOT DEFINED. 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 FL Build https://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/profile-build.html

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 freelancers 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 didnt 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.

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: 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.

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 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 Overview page 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.

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 portfolios 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. 1.1.2 What were about Top Section This section displays the information provided by the freelancer about oneself. It describes the top part of the What were about portion of the Overview page. Find below a screenshot of the top part.

1) The information provided as bio for individuals or about your company for companies will be displayed in this area. For companies, the Running since year info will be displayed under it. The

Elsewhere Online section allows the user to be contacted by clicking any of the network links provided (Phone, Email, Facebook, Twitter). 2) This section will display the team members of the freelancers company. The picture, name and the title (links to the resume) will be displayed for each team member. Clicking on the title will result in the downloading of the resume. The titles will be displayed as links only if a resume was uploaded for the team member. 1.1.3 What Were About Middle Section This section describes the middle part of the About portion of the Overview page. Find below a screenshot of the middle part.

The top section displays the media content or the content of the first file that the freelancer has included in the profile, followed by the list of the remaining files added by the freelancer. a. The list of video and files added by the freelancer will be shown in the lower band; the files video will have the video icon and the files will have an icon based on the file type. b. The content for documents will be displayed using the Scribd functionality. c. Selecting each file will open the file in the main view (the screenshot has a video displayed). d. The file/video currently displayed in the bottom area will be highlighted with an orange rectangle. These sections will be displayed only if information for these areas exists in the user profile.

1.1.4

What Were About Bottom Section

1) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 2) The contents of the How we Work information provided by the freelancer is displayed in this area. 3) 1 4) 1

1.1.5

What Were About Bottom Section

5) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 6) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.6 What Were About Bottom Section

7) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 8) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.7 What Were About Bottom Section

9) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 10) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.8

What Were About Bottom Section

11) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 12) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.9 What Were About Bottom Section

13) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 14) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.10 What Were About Bottom Section

15) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 16) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.11 What Were About Bottom Section

17) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 18) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.12 What Were About Bottom Section

19) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 20) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.13 What Were About Bottom Section

21) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 22) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.14 What Were About Bottom Section

23) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 24) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.15 What Were About Bottom Section

25) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 26) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.16 What Were About Bottom Section

27) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 28) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.17 What Were About Bottom Section

29) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 30) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.18 What Were About Bottom Section

31) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 32) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.19 What Were About Bottom Section

33) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 34) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.20 What Were About Bottom Section

35) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 36) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.21 What Were About Bottom Section

37) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 38) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.22 What Were About Bottom Section

39) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 40) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.23 What Were About Bottom Section

41) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 42) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.24 What Were About Bottom Section

43) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 44) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.25 What Were About Bottom Section

45) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 46) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.26 What Were About Bottom Section

47) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 48) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.27 What Were About Bottom Section

49) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 50) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.28 What Were About Bottom Section

51) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 52) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.29 What Were About Bottom Section

53) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 54) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.30 What Were About Bottom Section

55) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 56) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.31 What Were About Bottom Section

57) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 58) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.32 What Were About Bottom Section

59) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 60) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.33 What Were About Bottom Section

61) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 62) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.34 What Were About Bottom Section

63) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 64) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.35 What Were About Bottom Section

65) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 66) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.36 What Were About Bottom Section

67) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 68) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.37 What Were About Bottom Section

69) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 70) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.38 What Were About Bottom Section

71) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 72) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.39 What Were About Bottom Section

73) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 74) The contents of the How we Work information provided by the freelancer is displayed in this area. 1.1.40 What Were About Bottom Section

75) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 76) The contents of the How we Work information provided by the freelancer is displayed in this area.

1.1.41 What Were About Bottom Section

77) The skills that the freelancer has passed and published are displayed in the area. Each skill has a title and the year the test was passed, and below it a percentage bar indicating the score obtained for the skill tested. 78) The contents of the How we Work information provided by the freelancer is displayed in this area.

These sections will be displayed only if information for these sections exists in the user profile.

1.2

Services Details

Upon selecting the title in the Services box (refer to section 2.1.1), the user is directed to the following screen. The complete details about the service are displayed on this page. 1) The reviews are displayed at the bottom. The functionality of this section is similar to the reviews found in the feedback tab; section 2.3.2.