Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing

Revision History
Name Kaushik Shankar Shankar Krish Kaushik Shankar Shankar Krish Date 4/4/2013 4/10/2013 4/18/2013 4/21/2013 Reason For Changes Version 0.9 Minor tweaks based on comments from 0.91 Ritika Added details for membership, bids and profile stats Added a section for validation. Some textual information needs to be added to this section TBD replaced with actual text 1.0 1.01

Shankar Krish Kaushik Shankar Shankar Krish

4/29/2013 6/2/2013

1.02

Updated the changed 1.03 sections/screenshots based on revised mockups Updated section 1.2 Included additional info for the edit, clone, publish/unpublish and Delete operations An addition on closest city in section 2.1; update is highlighted with yellow background. Some minor updates (highlighted) 1.04

7/15/2013

Shankar Krish

7/23/2013

1.05

Shankar Krish

7/31/2013

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) Included descriptions for conversions at the profile, service and portfolio levels. Added info extensions/types on allowed file

1.07

Shankar Krish Shankar Krish

8/22/2013 9/10/2013

1.08 1.09

Contents
INTRODUCTION.................................................................................................. 3 PROFILE VIEW.................................................................................................... 3 INTRODUCTION................................................................................................ 12 PROFILE VIEW.................................................................................................. 12 INTRODUCTION................................................................................................ 21 PROFILE VIEW.................................................................................................. 21 INTRODUCTION................................................................................................ 31 PROFILE VIEW.................................................................................................. 31

MOCKUPS: View https://dl.dropboxusercontent.com/u/26268356/guru2012/ProfileRitika/Overview.html FL View https://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/proOverview.html FL Build https://dl.dropboxusercontent.com/u/26268356/guru2012/ProfileRitika/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.

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.

Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing

Revision History
Name Kaushik Shankar Shankar Krish Kaushik Shankar Shankar Krish Date 4/4/2013 4/10/2013 4/18/2013 4/21/2013 Reason For Changes Version 0.9 Minor tweaks based on comments from 0.91 Ritika Added details for membership, bids and profile stats Added a section for validation. Some textual information needs to be added to this section TBD replaced with actual text 1.0 1.01

Shankar Krish

4/29/2013

1.02

Kaushik Shankar Shankar Krish

6/2/2013

Updated the changed 1.03 sections/screenshots based on revised mockups Updated section 1.2 Included additional info for the edit, clone, publish/unpublish and Delete operations An addition on closest city in section 2.1; update is highlighted with yellow background. Some minor updates (highlighted) Resolved the consistency problem in the size of the service name and descriptions between sections (changes are highlighted in the validations table) Included descriptions for conversions at the profile, service and portfolio levels. Added info extensions/types on allowed file 1.04

7/15/2013

Shankar Krish

7/23/2013

1.05

Shankar Krish Shankar Krish

7/31/2013 8/8/13

1.06 1.07

Shankar Krish Shankar Krish

8/22/2013 9/10/2013

1.08 1.09

Contents
INTRODUCTION.................................................................................................. 3 PROFILE VIEW.................................................................................................... 3 INTRODUCTION................................................................................................ 12 PROFILE VIEW.................................................................................................. 12 INTRODUCTION................................................................................................ 21 PROFILE VIEW.................................................................................................. 21 INTRODUCTION................................................................................................ 31 PROFILE VIEW.................................................................................................. 31

MOCKUPS: View https://dl.dropboxusercontent.com/u/26268356/guru2012/ProfileRitika/Overview.html FL View https://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/proOverview.html FL Build https://dl.dropboxusercontent.com/u/26268356/guru2012/ProfileRitika/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.

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.

5) 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. 6) 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. 7) 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. 8) 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.2

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

4) 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. 5) 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.

6) 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.

Testing Testing Testing Testing Testing Testing Testing

Revision History
Name Kaushik Shankar Shankar Krish Kaushik Shankar Shankar Krish Date 4/4/2013 4/10/2013 4/18/2013 4/21/2013 Reason For Changes Version 0.9 Minor tweaks based on comments from 0.91 Ritika Added details for membership, bids and profile stats Added a section for validation. Some textual information needs to be added to this section TBD replaced with actual text 1.0 1.01

Shankar Krish

4/29/2013

1.02

Kaushik Shankar Shankar Krish

6/2/2013

Updated the changed 1.03 sections/screenshots based on revised mockups Updated section 1.2 Included additional info for the edit, clone, publish/unpublish and Delete operations An addition on closest city in section 2.1; update is highlighted with yellow background. Some minor updates (highlighted) Resolved the consistency problem in the size of the service name and descriptions between sections (changes are highlighted in the validations table) Included descriptions for conversions at the profile, service and portfolio levels. Added info extensions/types on allowed file 1.04

7/15/2013

Shankar Krish

7/23/2013

1.05

Shankar Krish Shankar Krish

7/31/2013 8/8/13

1.06 1.07

Shankar Krish Shankar Krish

8/22/2013 9/10/2013

1.08 1.09

Contents
INTRODUCTION.................................................................................................. 3 PROFILE VIEW.................................................................................................... 3 INTRODUCTION................................................................................................ 12 PROFILE VIEW.................................................................................................. 12 INTRODUCTION................................................................................................ 21 PROFILE VIEW.................................................................................................. 21 INTRODUCTION................................................................................................ 31 PROFILE VIEW.................................................................................................. 31

MOCKUPS: View https://dl.dropboxusercontent.com/u/26268356/guru2012/ProfileRitika/Overview.html FL View https://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/proOverview.html FL Build https://dl.dropboxusercontent.com/u/26268356/guru2012/ProfileRitika/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.

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.

9) 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. 10) 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. 11) 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. 12) 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.3

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

7) 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. 8) 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.

9) 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.

Testing Testing Testing Testing Testing Testing Testing

Revision History
Name Kaushik Shankar Shankar Krish Kaushik Shankar Shankar Krish Date 4/4/2013 4/10/2013 4/18/2013 4/21/2013 Reason For Changes Version 0.9 Minor tweaks based on comments from 0.91 Ritika Added details for membership, bids and profile stats Added a section for validation. Some 1.0 1.01

textual information needs to be added to this section Shankar Krish Kaushik Shankar Shankar Krish 4/29/2013 6/2/2013 TBD replaced with actual text 1.02 Updated the changed 1.03 sections/screenshots based on revised mockups Updated section 1.2 Included additional info for the edit, clone, publish/unpublish and Delete operations An addition on closest city in section 2.1; update is highlighted with yellow background. Some minor updates (highlighted) Resolved the consistency problem in the size of the service name and descriptions between sections (changes are highlighted in the validations table) Included descriptions for conversions at the profile, service and portfolio levels. Added info extensions/types on allowed file 1.04

7/15/2013

Shankar Krish

7/23/2013

1.05

Shankar Krish Shankar Krish

7/31/2013 8/8/13

1.06 1.07

Shankar Krish Shankar Krish

8/22/2013 9/10/2013

1.08 1.09

Contents
INTRODUCTION.................................................................................................. 3 PROFILE VIEW.................................................................................................... 3 INTRODUCTION................................................................................................ 12 PROFILE VIEW.................................................................................................. 12 INTRODUCTION................................................................................................ 21 PROFILE VIEW.................................................................................................. 21 INTRODUCTION................................................................................................ 31 PROFILE VIEW.................................................................................................. 31

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

FL Build https://dl.dropboxusercontent.com/u/26268356/guru2012/ProfileRitika/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.

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.

13) 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. 14) 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. 15) 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. 16) 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.4

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

10) 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. 11) 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.

12) 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.