tmpb02d

7/27/2019 tmpB02D

1/38

Testing Testing

Testing 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 is highlighted with yellow

background.

1.05

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

7/27/2019 tmpB02D

2/38

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

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..................................................................................................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/Profile-

Ritika/Overview.html

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

Overview.html

FL Buildhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-

Ritika/profile-build.html
https://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/Overview.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/Overview.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/pro-Overview.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/pro-Overview.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/profile-build.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/profile-build.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/Overview.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/Overview.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/pro-Overview.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/pro-Overview.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/profile-build.htmlhttps://dl.dropboxusercontent.com/u/26268356/guru2012/Profile-Ritika/profile-build.html

7/27/2019 tmpB02D

3/38

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 beaddressed 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 freelancersscreen 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. (thisfeature is not there anymore? Greg didnt mention)

7/27/2019 tmpB02D

4/38

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

Clicking either of these will open a drop down menu with moreinformation, shown below.

This displays all time earnings, jobs awarded, and number of quotes inthe 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 themenu.

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 forportfolio)

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.

7/27/2019 tmpB02D

5/38

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, asdisplayed below. Selecting will change the heart to red indicating thatit is a favorite. Selecting a red heart will remove it from the favoritesand 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 tmpB02D

6/38

1) The radio button options allow the user to select between Invite toQuote or Send Message. Invite to Quote is the default view whenContact Me is selected.

2) Selecting the dropdown Select a Project allows the employer toselect between projects to add to the message/quote. If the userhas selected the Send Message radio button at the top, thisoption will not be available.

3) The text box will allow the employer to type a message to thefreelancer; the limit on number of characters is 5000 characters.

3

2

1

7/27/2019 tmpB02D

7/38

Selecting Invite to Quote or Send Message will send themessage/quote.

4) The social networks that the freelancer has been indicated topresent on will be displayed. Selection will result in the user beingtaken to the appropriate page for interaction (dependent on the

social network). For the phone icon: on mobile phones, selectingthis will initiate a call with the freelancer; on non-mobile devices thehover text will display the phone number provided by thefreelancer.

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.

7/27/2019 tmpB02D

8/38

2

1

7/27/2019 tmpB02D

9/38

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 coverimage 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 willappear in bold when one hovers over it. Selecting the icon will displaythe portfolio associated with the service & cover image on a popup(the user will be able to navigate thru the portfolios for the service asexplained 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. Selectingany of the skills will take the user to skills page for the selected skilldisplaying the services and portfolio associated with the skill (section1.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 cursorhovers over a service. The edit feature will not appear for the employerview. 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).

7/27/2019 tmpB02D

10/38

Selecting Copy to Drafts will copy the service to the drafts section. The

toast message has been copied to drafts will bedisplayed 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 hasbeen 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 ofservice has been deleted.

Testing Testing

Testing Testing Testing

Testing

Testing

Testing

Testing

Testing

Testing

Testing

Testing

Revision History


Kaushik

Shankar

4/4/2013 0.9


Ritika

0.91

Kaushik

Shankar


profile stats

1.0



this section

1.01


7/27/2019 tmpB02D

11/38

Kaushik

Shankar



mockups

1.03




1.04



background.

1.05






1.07

Shankar Krish 8/22/2013 Included descriptions for conversions atthe profile, service and portfolio levels.

1.08


extensions/types

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/Profile-Ritika/Overview.html


Overview.html



7/27/2019 tmpB02D

12/38

Introduction




be introduced:






Profile View














7/27/2019 tmpB02D

13/38















7/27/2019 tmpB02D

14/38


below:







Contact Me.



contact page.

7/27/2019 tmpB02D

15/38


6) Selecting the dropdown Select a Project allows the employer toselect between projects to add to the message/quote. If the userhas selected the Send Message radio button at the top, thisoption will not be available.


3

2

1

7/27/2019 tmpB02D

16/38




1.2 Overview




7/27/2019 tmpB02D

17/38

2

1

7/27/2019 tmpB02D

18/38

1.2.1 Services






Left: Cover image.













7/27/2019 tmpB02D

19/38








Testing

Testing

Testing

Testing

Testing

Testing

Testing

Revision History


Kaushik

Shankar

4/4/2013 0.9


Ritika

0.91

Kaushik

Shankar


profile stats

1.0



this section

1.01


7/27/2019 tmpB02D

20/38

Kaushik

Shankar



mockups

1.03




1.04



background.

1.05






1.07

Shankar Krish 8/22/2013 Included descriptions for conversions atthe profile, service and portfolio levels.

1.08


extensions/types

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/Profile-Ritika/Overview.html


Overview.html



7/27/2019 tmpB02D

21/38

Introduction




be introduced:






Profile View














7/27/2019 tmpB02D

22/38















7/27/2019 tmpB02D

23/38


below:







Contact Me.



contact page.

7/27/2019 tmpB02D

24/38


10) Selecting the dropdown Select a Project allows the employerto select between projects to add to the message/quote. If the userhas selected the Send Message radio button at the top, thisoption will not be available.


3

2

1

7/27/2019 tmpB02D

25/38




1.3 Overview




7/27/2019 tmpB02D

26/38

2

1

7/27/2019 tmpB02D

27/38

1.3.1 Services






Left: Cover image.













7/27/2019 tmpB02D

28/38








Testing

Testing

Testing

Testing

Testing

Testing

Testing

Revision History


KaushikShankar

4/4/2013 0.9


Ritika

0.91

Kaushik

Shankar


profile stats

1.0

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

7/27/2019 tmpB02D

29/38


this section


Kaushik

Shankar



mockups

1.03




1.04



background.

1.05



size of the service name and descriptionsbetween sections (changes are


1.07

Shankar Krish 8/22/2013 Included descriptions for conversions at

the profile, service and portfolio levels.

1.08


extensions/types

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/Profile-

Ritika/Overview.html


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

7/27/2019 tmpB02D

30/38


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

7/27/2019 tmpB02D

31/38

Introduction




be introduced:






Profile View














7/27/2019 tmpB02D

32/38















7/27/2019 tmpB02D

33/38


below:







Contact Me.



contact page.

7/27/2019 tmpB02D

34/38

13) The radio button options allow the user to select between Inviteto Quote or Send Message. Invite to Quote is the default viewwhen Contact Me is selected.

14) Selecting the dropdown Select a Project allows the employerto select between projects to add to the message/quote. If the userhas selected the Send Message radio button at the top, thisoption will not be available.


3

2

1

7/27/2019 tmpB02D

35/38




1.4 Overview




7/27/2019 tmpB02D

36/38

2

1

7/27/2019 tmpB02D

37/38

1.4.1 Services




10) The + box on the top right allows the freelancer to add a newservice. Selecting this will direct them to the Edit Profile page, covered insection 3. This option does not appear for the employer view.


Left: Cover image.









12) The edit drop down menu on the top right will be displayed when thecursor hovers over a service. The edit feature will not appear for theemployer view. The drop down menu has four options:




7/27/2019 tmpB02D

38/38








tmpb02d

Documents