Skip to content
Project Planning MVP
Platform Overview
Discord Bot
Development
Product Design Overview
Public Website
More
Share
Explore

Product Design Overview

Section overview

Sidebar and top nav bar
Onboarding process / sign up
Jobs marketplace
Job details page
Apply to job popup
My applications
Individual profiles
Edit profile
My account drop down menu
Add a company
Company profile
Edit company profile
Create a job ad
My job ads
Manage job applicants
Notifications
User settings
Discord bot info page
Admin panel
Messaging

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
Job market
All jobs
Popular jobs
New jobs
Events (coming)
Education (coming)
Sidebar footer
Learn about our Discord bot
Line break
Socials
Twitter
Discord

Sidebar nav menu (sync bar) - FOR INDIVIDUALS signed in
Job market
All jobs
Popular jobs
New jobs
Applications
History
Your profile
View profile
Edit profile
Events (coming)
Education (coming)
Sidebar footer
Learn about our Discord bot
Line break
Socials
Twitter
Discord

Sidebar nav menu (sync bar) - FOR COMPANIES signed i
Manage job ads
All job ads
Live job ads
Inactive job ad
Your company
View profile
Edit profile
Create job ad
Sidebar footer
Learn about our Discord bot
Line break
Socials
Twitter
Discord

Top nav menu
Profile in right hand corner
Edit profile
Login/logout
Notifications
Job stats bar in middle - like magic eden site
Jobs listed
Users
Applications sent

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”
Company name
Banner (add image)
Profile picture (add image)
Website (link)
Chain (dropdown)
About company (max 600 chars)
Step 2: login details
Email and opt into newsletter/notifications
Password (enter twice)
Step 3: social authentication
Twitter (must auth) - can be done later but cant post ads till done

Candidate flow:
Step 1: fill fields for “Create your web3 candidate profile”
Username
Display name
Banner (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)
Step 2:
Email and opt into newsletter/notifications
Password (enter twice)
Step 3: social authentication
Twitter (must auth) - can be done later
Discord (must auth) - can be done later

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
Multiple job listings
Content contained for each listing
Circular image identifying company
Company name and Twitter
Job title e.g. “Marketing expert”
Category e.g. Marketing, Development, Community management
3x main skills e.g. 3D art, Solidity, C++, collaborations
Amount of applicants
Apply button -> submit application popup
Click on job -> job details page
Search bar
Takes into account job descriptions & company names
Filter drop down
Apply new to old filter
Apply relevant filter
Filters select
Select multiple skills filter - use + button to add
Select multiple categories filter - use + button to add
Infinite scrolling, allow user to keep scrolling
Design ideas:
Example images
⁠
- 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
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.