top of page

🧑‍💼 Help Wanted – Hero Section Horizontal Menu (Job Board)

 

🎯 Purpose

  • Hero menu acts as a filter/search bar for freelancers to quickly find jobs or for employers to browse bids.
     

  • Must display horizontally at top of Hero section.
     

  • Supports either dynamic drop-down flow, full indented category list, or combination.
     

 

🔻 Horizontal Menu Layout

Fields (left-to-right across Hero):

[ Job Category ⬇️ ] → [ Role / Niche ⬇️ ] → [ Experience Level ⬇️ ] → [ Budget / Rate ⬇️ ] → [ Location / Remote ⬇️ ] → [ Submit 🔎 ]

 

Desktop

  • Full row, evenly spaced.
     

  • Dropdowns open below the field.
     

Tablet / Mobile

  • Collapsible stacked dropdowns or scrollable horizontal pills.
     

  • Hamburger-style toggle optional.
     

 

✅ Menu Functionality

1️⃣ Dynamic Drop-Down Flow

  • Selecting one field updates subsequent dropdowns dynamically.
     

  • Example:
     

Job Category → Tech & Development 💻  

Role → Bubble Developer 🤖  

Experience → Intermediate 🏆  

Budget → $500–$1,000 💲  

Location → Remote 🌍  

 

2️⃣ Full List (Indented Categories)

  • Clicking a field can expand a mega-menu with indented subcategories.
     

  • Example:
     

Tech & Development 💻

   └ Web Development 🌐

   └ No-Code / Bubble 🤖

   └ App Development 📱

 

Design & Creative 🎨

   └ Logos 🖌

   └ Social Media Graphics 📱

   └ Animation 🎬

 

Writing & Content ✍️

   └ Blog Articles 📰

   └ Copywriting 📝

 

Combination possible: First field shows full list → subsequent fields use dynamic flow.

 

📋 Fields to Include

  • 📂 Job Category / Field (Tech, Design, Writing, Marketing, Admin)
     

  • 🧑‍💻 Role / Sub-Category (Bubble Dev, Logo Designer, Copywriter, Virtual Assistant)
     

  • 🏆 Experience Level (Entry / Intermediate / Expert)
     

  • 💲 Budget / Rate (Hourly or Project-based)
     

  • ⏱ Timeline / Urgency (Urgent, Standard, Long-term)
     

  • 📍 Location / Remote
     

  • 🏷️ Keywords / Tags (Optional free-text search)
     

 

🖥️ Developer Notes

  • Horizontal Hero placement mandatory.
     

  • Responsive: Desktop → horizontal row; Tablet/Mobile → stacked or scrollable pills.
     

  • Dropdowns must be fully functional (dynamic cascading OR indented list).
     

  • Filters sync with Results Page for real-time updates on posted jobs.
     

  • Clear CTA button: 🔎 Search / Filter Jobs.
     

  • Optional: hover effects, subtle animations, icons/emojis for clarity.
     

 

🔊 Optional Enhancements

  • 🎨 Hero background with animated workspace, freelancers, or office illustration.
     

  • 🔔 Subtle sound or animation on selection (optional).
     

  • 🔄 Sticky bar on scroll for continuous access to filters.
     

 

🚨 Non-Negotiables

  • Hero section must include horizontal menu (not below fold).
     

  • Must support dynamic flow, full indented list, or combination.
     

  • UX must be intuitive, fast, and responsive on all devices.
     

  • Filters must feed Results Page correctly (job listings update dynamically).
     

  • Clear CTA for Search / Submit.
     

bottom of page