Professional Documents
Culture Documents
MeetKeyPeople.com
JOB DESCRIPTIONS
─
User Registration
1st Stage: Facebook Registration and Registration Page
- A new user should be able to login using Facebook
- Or, a new user can complete a form to register
Here is the details and notes for each Steps found in the R
egistration Page
Step 1
- This step will determine the 'Interested In' in 'Main Profile' (the box section at the
very top with blue background). You can check again the Main Profile page design.
- A user can select multiple interest by clicking the icons (unlimited interests), and this
information will be used for Advanced Search.
Step 2
- Upload files for the Host profile checkbox in Step 2, should be mandatory for the
first file and the second file is optional whenever a user selects the Host checkbox.
- As for the Company checkbox, it's just to insert a number and it's optional even a
user select the Company checkbox.
- So in general, this is the step where a user can activate their profile page.
- The Main profile and the Seller profile will be activated by default.
- The unchecked profile will be hidden.
Step 3 and Step 6
- Upload ID for verification (Step 3) and Upload Avatar for verification (Step 6).
- I hope it can be done by AJAX? or whatever you think can work even tho it's not with
AJAX. Cos the most important thing, the file is uploaded either for ID scanned card
and the avatar.
2
Step 4
- Enter the details is obligated, and the inputted information will take part in
Advanced Search.
- Enter sponsor (if any). If entered sponsor username is wrong, the new user will be
warned. A user can edit the sponsor’s username in Setting page later on with the
same rule as the functionality of Sponsorship of Registration Page in Step 4.
Step 5
- Enter email and password is obligated.
Add 'back to top' button because the page is too long
After a user completed the registration forms, the user needs to verify membership by
clicking the verification link sent by email and then the user will be directed to My Profile >
Main Profile page.
After admin approval, the other profile tabs will be shown and accessible according to what
the user selected on the registration.
Deal Button
Check the Deal Button modal boxes h
ere
The step flows between the modal boxes in Deal Button functionality are:
1. A user can click 'Propose a DEAL' button to start proposing deal and there will be modal
box as shown in: n ew-deal.jpg
The characters entered for the 'More Detail' should be maximumly 500 characters.
. Another user receives a DEAL proposal and his/ her profile page will display: 'You have a
2
new DEAL' button and when he/ she clicks it, then a modal box will show: receive-deal.jpg
and can decide to accept or not accepting.
- The user will see a notification on 'My Activity' also to 'Messaging System' so they
will be able to come back at anytime (by clicking a link) if they want to decide later.
- If the user wants to decide later, the DEAL-offer should have expiration date, for
instance within 48 hours. After that, the un-decided DEAL-offer will be expired and
both parties (user who offered a DEAL and user who missed the DEAL) will get
notification on 'My Activity' also to 'Messaging System' saying that the DEAL-offer is
expired.
- The user who offered a DEAL will get this notification:
"Your proposed DEAL is expired. You can now propose a new DEAL"
- The user who missed the DEAL will get this notification:
"You missed a proposed DEAL. The DEAL offer by (i.e. Rebecca) is expired. Your
response to a DEAL offer will affect your response rating. Build trust and good
professional profile with better response next time!"
- The user who missed the DEAL will have less rating for his/ her timely response.
3. A user can possibly receive multiple DEALS at once, or while he/ she is away, the DEALS
can be left un-checked or un-opened. So if that's the case the user will see a list of DEALS as
shown here: n ew-multiple-deals.jpg
4
- The user can select one of the DEALs and after ONE of the list is checked, it will be
automatically deleted and the user can select the next DEAL on the list to check
again until the list check is complete.
4. If a user who receives 'DEAL-offer' rejects a DEAL, then after clicking the 'Decline', he/ she
can see modal box as shown in: reject-deal.jpg
- The user who proposed the DEAL will see the notification of rejected deal in My
Activity as well as Message System.
- The user can propose another new DEAL in another 24 hours.
- Also I need to add a note that a user can only send a DEAL to the same person for
every 24 hours, if he/ she needs. It is to avoid the spamming.
5. A user who proposed a DEAL will receive notification in his/ her message page if either
the DEAL is accepted or rejected and do follow up actions needed.
- The total number of rejected deals will be shown on User Records stat under the
user's avatar
6. If a proposed DEAL is rejected, the user can still propose another Deal for at least 48
hours later and this information will be included in the notification message.
7. When DEAL is accepted:
- The user or project owner who offered the Deal will be a new contact.
- Both persons or users can send each other message about the project or to
organize a meeting that has to be confirmed by both sides with the address etc.
They can prepare appointment in the agenda and exchange whatever they want.
(Part 2 MKP Project)
5
6
My Profile
It will display the user profile tabs menu under the main navigation menu. A user can
select multiple profile tabs and each profile tab has different layout
My Key People
1. Contacts can ONLY be added or accepted after a project owner proposed a Deal and
approved by the contacted user. This type of contact list can be accessed via sub
menu labeled as ‘Key People’
2. It will have a sub menu called: My Key List. It will show notification by orange dots.
3. A user can delete/ report/ block people from the ‘My Key People’ lists (Key People
and Key List)
Messages
- It will display user messages. It will show notification by orange dots.
- Check the layout for the Messaging System h
ere.
- A user can select several contacts to send message. See a sample of layout here
Settings
- A user can edit the basic profile as shown in Registration page.
- Some more basic functionalities for User Settings.
8
Users Interaction
1. Key People - this will be a list of users that are added after a user propose a Deal
(using Deal button). Users in this Key People will be more like co workers, with
professional interaction. The user can also receive notification from users in the Key
People.
2. Key List - this will be a list of users that are added as Key List contact. It works like
favorite profile bookmarks. The Key List will be useful if a user is planning to contact
people in the Key List in the future, or to share the Key List (bookmarked profiles) to
another user.
3. Follow (a user) - following another user as in to receive notification of activities.
User Profile
User will select one of the 10 custom User Profiles, and each of them has different layout.
Click each of the these followings User Profiles to get more details::
1. Main Profile
2. Musician/ singer Profile
3. Actor/ director Profile
4. Model/ dancer Profile
5. Creator/ designer Profile
6. Writer/ screenwriter Profile
7. Freelancer Profile
8. Property Profile
9. Company Profile
10. Seller Profile
User Avatar
- This section will show user's picture
- To edit the content, a user needs to click the pen icon.
User Records
This section (under avatar) will display statistic of several components
9
- Profile Views
- Followers
- Recommendations ~ it will display the number statistic which is clickable and it will be
directed to a page with list of people who have recommended the user in project. (Part 2)
- Projects done (Part 2)
- Sponsorships (Part 2)
- Key People
Visiting user
Visiting user can:
1. Rate a user when they have worked together on a project (Part 2)
2. Follow a user
3. Report a user
- The function is to block a user profile.
4. Add to Key List (red button with plus)
5. Propose a DEAL
6. Share a Profile
a. The function is to share a user profile to another user and to share to social
media.
b. It has a drop down menu that display:
i. social media buttons
ii. share a user by message. Check the instruction to share the profile.
Portfolio Section
- This section is located in portfolio section with grey background and blue circle
button (with plus mark) at the bottom of the main content.
- This section will feature at least recent upload of 10 media files.
- Each user profile will have this section but the allowed file format types to upload to
the media files for each user profile may different to one another.
- The order of
The steps of editing Portfolio section are as followings:
1. A user clicks the blue circle button (with plus mark) as seen in this picture:
singer-musician.jpg
2. A user will see a page where there are more media files (more than 10 media files
works if there is any) and can add another media files by clicking the blue square
box with plus button. To upload the media files it will depend on the file format. See
picture: singer-musician-more-media.jpg
3. A user will see a modal box as shown in picture:
a. more-media-add-mp3.jpg > If a user clicked the ‘Add MP3’ square box with
plus button. The user can start to upload an album cover for the mp3,
upload mp3 file, add music title, and its description.
b. more-media-add-pic.jpg > If a user clicked the ‘Add Picture’ square box with
plus button. The user can start to upload a picture file, add the picture title,
and its description.
c. more-media-add-video.jpg > If a user clicked the ‘Add Video’ square box
with plus button. The user can upload a video file or embed a youtube video,
add the video title, and its description.
4. A visiting user can click the uploaded media file to zoom or to play them in a modal
box and a user can see and edit each of them by clicking the pen icon as shown in
picture:
a. MP3 media file preview > m ore-media-mp3-preview.jpg
Edit MP3 media file > more-media-edit-mp3.jpg
b. Picture media file preview > more-media-pic-preview.jpg
Edit Picture media file > m
ore-media-edit-pic.jpg
c. Video media file preview > more-media-video-preview.jpg
Edit Video media file > more-media-edit-video.jpg
11
Search Form
General Search
The General Search System will have Search by Location also Search by categories (main
categories & subcategories)
1. Location; it will be general location which is search by country, city, zip codes
(manually typed/ inputted).
2. Categories;
a. Subcategories; in search field, it will be ‘Categories’ with drop down
b. Main categories; they are will be the source data for the correlated
categories. They are not displayed in search field.
They are:
Sub-Categories Main Categories Example of Keyword Search
(display: Categories) (not displayed)
References:
https://www.starnow.co.uk/
https://creativemarket.com/search/
https://creativemarket.com/search/graphics/cat?minp=2&maxp=14&is_layered=1&is_vecto
r=1&t=eps
13
Advanced Search
1. Physical criterias
○ Eyes colour
○ Hair colour
○ Hair type
○ min height/max height
○ min weight/max weight,
2. Ethnic background/ ethnicity
3. Nationality
4. Range of age
5. Gender (male/ female)
6. Matching interests
○ same keyword between user who searches and users being searched in Main
Profile ‘Interested in’ section (blue background box area)
7. Best match
○ Same keyword between user who searches and users being searched in
Main Profile ‘ Basic Info’ section (under ‘About Me’ section)
8. Location (depending on your answers to the 1/ point
○ In your old website, you have three option search fields for Location:
i. Postcode
ii. Range
iii. Country
○ (depending on your answers to the 1/ point) >> I am not sure about
this note tho :D, but why not create this Location part in Advanced
search to not depending on the Location of the General Search?
○
Notes:
- Keyword Search will show after the user gets the Advanced Search result
-
References:
https://www.starnow.co.uk/talent/
https://creativemarket.com/search/graphics/cat?minp=2&maxp=14&is_layered=1&is_vecto
r=1&t=eps
14
15
Administration
Back end administration can:
1. Verify new user registration. If a new user has not been verified:
a. User can modify profile
b. User’s profile can't be seen in public
c. User can't access search functionality
d. User can't visit other user profile
e. User can't send any Deal proposal
2. Edit Public Homepage Settings
a. Slider
b. Teaser Text
c. Logo Design and Web Tagline
3. Edit Homepage content (for Registered User)
4. Ban personal links, email or contact number that the users are trying to put on their
profile or in profile detail description. So they need to maximize the use of website’s
forms.
16
About Me
- This section text is limited to 1000 characters. To edit the content, a user needs to
click the pen icon.
- It has Basic Infos section, that has many keyword fields for advanced search
World Map (Personal Map)
- Each option can have multiple markers.
- Multiple markers for each option is limited around 10-30 markers.
Photos & Videos
- The title text for the 'Photos', and 'Videos' should be blue, to indicate that they are
clickable link.
- The user can edit the content by clicking the title, it will display a modal box that
shows the entire content, and a user can add or delete and edit the content. While a
17
visiting user can only see the entire content. See the More Works (in Actor/ Director
Profile) section for similar way to edit the content.
- If a user clicks each photo/ video in this section, it will go directly specific to the the
photo/ video detail and a user can edit it. While a visiting user can only see without
able to edit. See the More Works (in Actor/ Director Profile) section f or similar way to
see the photo/ video detail.
18
Description:
- This section text is limited to 1000 characters. To edit the content, a user needs to
click the pen icon.
Music List:
- Music List box features 13 musics.
- If blue circle with plus button is clicked, it will show a modal box window for more
musics content (if there's any). The user can edit (upload, remove, change order) the
content, but the visiting user can only listen the musics content.
- Check the live functionality of the Music List (next to More Album) in the demosite
More Albums:
- More Albums box is actually consist of group list/ album of past projects/ work. Each
album can consist of several number mp3 files.
19
Portfolio Section:
- Under the Music List and More Album sections, there is an area where the user can
upload/ embed videos, pictures and mp3 files as part of the portfolio. It’s in grey
box.
- If blue circle with plus button is clicked, it will show a modal box window to upload/
embed a video, a picture or mp3 file. T o upload
- The user can edit (upload, remove, change order) the content, but the visiting user
can only see the content.
- It’s using Grid style layout order.
20
About Me
● This section text is limited to 1000 characters. To edit the content, a user needs to
click the pen icon.
● It has Experiences section, to list experience of job roles in movies/ film industry, by
year order.
More Works:
- More Works box is actually consist of group list of past projects/ work. Each work
can consist of uploaded pictures, videos, and mp3 files.
- A user can select one picture as featured project image cover.
- More Works box features 4 latest works in horizontal order.
- Check the live functionality of the More Work (under the About Me) in the demosite
tho this is not complete yet.
21
The steps of editing More Works section are as followings:
5. A user clicks the 'More Works' blue text
6. A user will see a page where there are more works (more than 4 works if there is
any) and can add a work by clicking the blue square box with plus button. See
picture: more-work.jpg
7. A user will see a modal box as shown in picture: add-work.jpg and can start to
upload a work cover, add work title, work finieshed year and its description.
8. A user or visiting user can click one of the work in 'More Works' actor-director profile
page as well as in 'More Works' page and see the work detail.
9. The work detail is as shown as in this picture: add-file-to-a-work.jpg
10. A user can edit the work detail by clicking the edit pen next to the work cover and
can start to change the work cover, edit work title, work finished year and its
description. See picture: edit-work.jpg.
11. A user or visiting user can click the content of each 'Work', it could be image, video
or mp3 file and the modal box will show the better view of the image as in
view-jpg-file-on-click.jpg and the they can also listen to the mp3 file or video as in
play-mp3-file-on-click.jpg.
12. A user can edit the file detail by clicking the edit pen in the file preview or thumbnail
image in more work group. and can start to change work cover, edit work title, work
finished year and its description. See picture: edit-file.jpg
Portfolio Section:
- Under the More Works sections, there is an area where the user can upload/
embed videos, pictures and mp3 files as part of the portfolio. It’s in grey box.
- If blue circle with plus button is clicked, it will show a modal box window to upload/
embed a video, a picture or mp3 file. S ee the steps to upload the files here.
- The user can edit (upload, remove, change order) the content, but the visiting user
can only see the content.
- It’s using Masonry style layout order.
22
About Me
● This section text is limited to 1000 characters.
● To edit the content, a user needs to click the pen icon.
Measurement
● This section will show list of measurement requirements of a model user for the
advanced search, The blue text indicates that searchable measurement.
● Each measurement will have fixed unit option:
○ length: cm or ft and in
○ weight: kg or lbs
○ dress: XS, S, M, L, XL, XXL
● Other measurement components can be inputted manually, either it's just text or
numeral value.
● To edit the content, a user needs to click the pen icon.
23
More Works:
- More Works box is actually consist of group list of past projects/ work. Each work
can consist of uploaded pictures of work cover as well as videos, and mp3 files.
- A user can select one picture as featured project image cover.
- More Works box features 4 latest works in horizontal order.
- Check the live functionality of the More Work (under the About Me) in the demosite
tho this is not complete yet.
- The steps of editing More Works section are actually similar to ‘ More Works’ in
Actor/ Director Profile.
Portfolio Section:
- Under the More Works sections, there is an area where the user can upload/
embed videos, pictures and mp3 files as part of the portfolio. It’s in grey box.
- If blue circle with plus button is clicked, it will show a modal box window to upload/
embed a video, a picture or mp3 file. S ee the steps to upload the files here.
- The user can edit (upload, remove, change order) the content, but the visiting user
can only see the content.
- It’s using Masonry style layout order.
24
About Me
● This section text is limited to 1000 characters.
● To edit the content, a user needs to click the pen icon.
25
More Works:
- More Works box is actually consist of group list of past projects/ work. Each work
can consist of uploaded pictures, videos, and pdf files.
- A user can select one picture as featured project image cover.
- More Works box features 4 latest works in horizontal order.
- The steps of editing More Works section are actually similar to ‘ More Works’ in
Actor/ Director Profile.
Portfolio Section:
- Under the More Works sections, there is an area where the user can upload/
embed videos, pictures and pdf files as part of the portfolio. It’s in grey box.
- If blue circle with plus button is clicked, it will show a modal box window to upload/
embed a video, a picture or pdf files. See the steps to upload the files here.
- The user can edit (upload, remove, change order) the content, but the visiting user
can only see the content.
- It’s using Grid style layout order.
26
More Works:
- More Works box is actually consist of group list of past projects/ work. Each work
can consist of uploaded pictures, book cover images, and pdf files.
- A user can select one picture as featured project image cover.
- More Works box features 4 latest works in horizontal order, only the file format to
upload is limited to image files and PDF files. See the steps to upload the files h
ere.
- The steps of editing More Works section are actually similar to ‘ More Works’ in
Actor/ Director Profile.
27
Portfolio Section:
- Under the More Works sections, there is an area where the user can upload
pictures and pdf files as part of the portfolio. It’s in grey box.
- If blue circle with plus button is clicked, it will show a modal box window to upload a
picture or pdf files.
- The user can edit (upload, remove, change order) the content, but the visiting user
can only see the content.
- It’s using Grid style layout order.
Freelancer Profile (Back to Profile list)
Freelancer Profile Layout
- Check the Freelancer Profile Layout here
- Check the demosite for Freelancer Profile h ere
- The Projects box should be in the same top alignment with Portfolio section (More
Work) in F
reelancer Profile
User Profile Introduction
- This section will show:
1. User's first name (uppercase), and age or freelancer’s year of starting job also
total number of years (in brackets)
2. User's profession/ job
3. User's hometown and country.
4. User's short description or tagline.
- To edit the content, a user needs to click the pen icon.
Fields:
- This section will show types of job fields for the advanced search. The blue text
indicates that searchable job field types.
- To edit the content, a user needs to click the pen icon.
28
Prices:
- This section will show keynumbers for the advanced search, especially for service
rate range. The blue text indicates that searchable price range.
- To edit the content, a user needs to click the pen icon.
About Me
● This section text is limited to 1000 characters.
● To edit the content, a user needs to click the pen icon.
More Works:
- More Works box is actually consist of group list of past projects/ work. Each work
can consist of uploaded pictures, videos, and mp3 files.
- A user can select one picture as featured project image cover.
- More Works box features 4 latest works in horizontal order, only the file format to
upload is limited to image files and PDF files. See the steps to upload the files h
ere.
- The steps of editing More Works section are actually similar to ‘ More Works’ in
Actor/ Director Profile.
Portfolio Section:
- Under the More Works sections, there is an area where the user can upload
pictures, upload/ embed videos and mp3 files as part of the portfolio. It’s in grey
box.
- If blue circle with plus button is clicked, it will show a modal box window to upload a
picture or pdf files.
- The user can edit (upload, remove, change order) the content, but the visiting user
can only see the content.
- It’s using Masonry style layout order.
29
Property Profile (Back to Profile list)
Property Profile Layout
- Check the Property Profile Layout here
- Check the demosite for Property Profile h ere
- The Projects box should be in the same top alignment with Portfolio section (More
Places) in Property Profile
Check Us on Airbnb
- Please show this option in the back end for a user to add 'Airbnb' profile URL.
- Hide the button when the user doesn't include the Airbnb profile URL.
User Profile Introduction
- This section will show:
1. User's property name (uppercase), and age or property’s year of establishment
also total number of years (in brackets)
2. P
roperty text in blue is there by default (can’t be modified by the user)
3. User's hometown and country.
4. User's short description or tagline.
- To edit the content, a user needs to click the pen icon.
Types, Facilities, Prices:
- These information are included in one box with blue background and will be used
for advanced search. The blue text indicates that the type of fields are searchable.
- Types section will show types of property for the advanced search.
- Facilities section will show types of facilities for the advanced search.
- Prices section will show keynumbers for the advanced search, especially for service
rate range.
- To edit the content, a user needs to click the pen icon.
30
More Places:
- More Places box is actually consist of group list of existing offered places. Each
created place can consist of several number of uploaded pictures of places as
well as videos
- A user can select one picture as featured place image cover.
- More Places box features 4 latest places in horizontal order.
- The steps of editing More Places section are actually similar to ‘More Works’ in
Actor/ Director Profile.
Portfolio Section:
- Under the More Places section, there is an area where the user can upload pictures,
and upload/ embed videos as part of the portfolio. It’s in grey box.
- If blue circle with plus button is clicked, it will show a modal box window to upload a
picture or upload/ embed a video. S ee the steps to upload the files here.
- The user can edit (upload, remove, change order) the content, but the visiting user
can only see the content.
- It’s using Grid style layout order.
-
31
32
See More:
- See More section is actually consist of group list of previous projects. Each project
can consist of several number of uploaded pictures as well as videos
- A user can select one picture as featured project image cover.
- ‘See More’ section features 4 latest places in horizontal order.
- The steps of editing See More section are actually similar to ‘ More Works’ in Actor/
Director Profile.
Portfolio Section:
- Under the See More, there is an area where the user can upload pictures, and
upload/ embed videos as part of the portfolio. It’s in grey box.
- If blue circle with plus button is clicked, it will show a modal box window to upload a
picture or upload/ embed a video. S ee the steps to upload the files here.
- The user can edit (upload, remove, change order) the content, but the visiting user
can only see the content.
- It’s using Masonry style layout order.
33
34
More Items:
- More Items section is actually consist of group list of previous projects or the
making of an Item. Each project can consist of several number of uploaded pictures
as well as videos.
- A user can select one picture as featured project image cover.
- ‘More Items’ section features 4 latest places in horizontal order.
- The steps of editing ‘More Items’ section are actually similar to ‘ More Works’ in
Actor/ Director Profile.
Items Box List Section:
- Sell items pictures can only be viewed online (on the website) by the visiting users
and download of those files is disabled.
- Each item can have tags, which are: type of item's category (clickable to be directed
in category page) and Item's name with price in the second line.
- If blue circle with plus button is clicked, it will show a modal box window for more of
items content (if there's any). S
ee the steps to upload the files here.
- The user can edit (upload, remove, change order) the uploaded files in Items box, ,
but the visiting user can only see the content.
- It’s using Grid style layout order.
● Pacific Islander
● White/ Caucasian
● Other
Nationality https://gist.github.com/didats/8154
290
Looking For?
Instrument
Fields
Level
Hair Length
Writer - -Languages
Screenwriter -Categories
- Types
Freelancer Fields
Seller