Skip to content
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)
My applications
User flow
User has applied to a lot of jobs and is wondering the outcomes of their applications, they go to this page so they can view this information. They’re shown all the jobs they’ve applied to and the status of the application (accepted, rejected, or pending)
Specifications
Individual Profiles
User flow
User views another users profile or hirer views their profile
User views their own profile to see what it looks like and edits it
Specifications
My account dropdown menu
User story
User wants to edit their account and/or view it and change certain settings
Menu items displayed
Add a company
User flow
A user either wants to simply add their Company so they can post job ads with it or they have tried to post a job ad but do not yet have a Company created to do so
Specifications
Company profiles
User flow
User clicks on the company profile picture/name to view it in depth or the admin of the company views it in order to edit the details
Specifications
Design: same as company profile but added features of follow button & job ads shown in the carousel, plus features for if you’re viewing your own company
My job ads
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.