Skip to content
Sidebar and top nav barOnboarding process / sign upJobs marketplaceJob details pageApply to job popupMy applicationsIndividual profilesEdit profileMy account drop down menuAdd a companyCompany profileEdit company profileCreate a job adMy job adsManage job applicantsNotificationsUser settingsDiscord bot info page Admin panelMessaging
Job marketAll jobsPopular jobsNew jobsEvents (coming)Education (coming)Learn about our Discord bot Line breakSocialsTwitterDiscord
Job marketAll jobsPopular jobsNew jobsApplicationsHistoryYour profileView profileEdit profileEvents (coming)Education (coming)Learn about our Discord bot Line breakSocialsTwitterDiscord
Manage job ads All job adsLive job adsInactive job adYour companyView profileEdit profile Create job adLearn about our Discord bot Line breakSocialsTwitterDiscord
Profile in right hand corner Edit profileLogin/logoutNotifications Job stats bar in middle - like magic eden siteJobs listedUsers Applications sent
Company nameBanner (add image)Profile picture (add image)Website (link)Chain (dropdown)About company (max 600 chars)Email and opt into newsletter/notificationsPassword (enter twice)Twitter (must auth) - can be done later but cant post ads till done
Username Display nameBanner (add image)Profile picture (add image)Short bio (this is max 80 chars)Skillset (choose up to 10, search for skills and press to add) About you (max 600 chars)Experiences (can add up to 6, press + to add more)Email and opt into newsletter/notificationsPassword (enter twice)Twitter (must auth) - can be done laterDiscord (must auth) - can be done later
Multiple job listingsContent contained for each listingCircular image identifying companyCompany name and Twitter Job title e.g. “Marketing expert” Category e.g. Marketing, Development, Community management3x main skills e.g. 3D art, Solidity, C++, collaborationsAmount of applicantsApply button -> submit application popupClick on job -> job details pageSearch bar Takes into account job descriptions & company namesFilter drop down Apply new to old filterApply relevant filterFilters selectSelect multiple skills filter - use + button to addSelect multiple categories filter - use + button to addInfinite scrolling, allow user to keep scrolling
Content displayedCompany informationCircular image of company → clicking on takes to company profileCompany banner → clicking on takes to company profileCompany name → clicking on takes to company profileCompany bio Company social mediasTwitter → clicking on takes to twitterDiscord → clicking on takes to discordJob informationAmount of applicantsJob descriptionSalary Skills CategoryType of employment Preferred timezoneApply button -> submit application popupNumber of applicantsSimilar jobs shown -> job details pageBack button (back to where they where on the job market)
FieldsShow username/socials/bio as set fields at top very brief (not in boxes) Experiences (autofilled but ability to edit)Skills (autofilled but ability to edit)Questions from employer Why them (optional field)Functionality based on log inAutofills based on login Asked to create account if notCaptcha For security Apply → submits application (takes back to job details page - apply button turns to applied)
Product Design Overview
Section overview
Sidebar and Top Nav Bar
User flow
Users can view the sidebar on all pages, it’s the link to every page within the site reducing the clicks needed to get to the users target destination. Clone MagicEden sidebar.
Sidebar nav menu (sync bar) - NOT SIGNED IN
Sidebar footer
Sidebar nav menu (sync bar) - FOR INDIVIDUALS signed in
Sidebar footer
Sidebar nav menu (sync bar) - FOR COMPANIES signed i
Sidebar footer
Top nav menu
Onboarding process / signup
User flow:
User presses to sign up, onboarding flow starts by firstly presenting two options to the user - whether they’re a hirer or a candidate - then proceeds to fill out their profile.
Two options:
Two options are firstly presented
“Company” with subtext “If you are looking to hire for your web3 company” or “Candidate” with subtext “If you are looking to find a job in web3”
Company flow:
Step 1: fill fields for “Create your web3 company profile”
Step 2: login details
Step 3: social authentication
Candidate flow:
Step 1: fill fields for “Create your web3 candidate profile”
Step 2:
Step 3: social authentication
Job marketplace page
User flow:
The user flow for this page is very simple, the users goal is to find jobs. Hence, we must show jobs, allow for filtering to help the user find the jobs they want, and provide basic but relevant information about the jobs shown so the user can identify whether it’s something they want to click on and look into the details of. Users can apply on this page to each job
Specifications
Design ideas: - focus on example image 2, clone search/filter bar and similar layout for jobs board but containing the information above instead of the regular info
Job details page
User flow
User clicks on a job to view it - the job details highlights two main elements. A) company information as outlined below, giving the user a good understanding of what they’re doing and who they are, and B) a full overview of the job details. It is likely that most users will land on a job details page for a specific job before applying to it - must be a clear apply button.
Specifications
Apply to job popup
User flow
User clicks on the apply button with the intent to apply to a job
Specifications
Design ideas: , simple most should autofill from profile information - applicant just needs to add their tailored message (could be a popup or box under information)
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.