🎯 Landing Page – Developer Specification
HERO:
Similar to this for referrence: https://crowdfunnding.wixsite.com/renetwork
🔻 Dropdown Vertical Menu Structure (Inside Hero):
Use hierarchical dropdowns that dynamically update based on user selections.
📋 Category Fields to Include (Remote Freelance Edition):
-
Identify Yourself:
-
Customer
-
Freelancer
-
-
Are you hrre too:
-
Reffer
-
Advertise
-
-
Search For: (Similar to Freeio Wordpress intend functionality):
-
Service [Default].
-
Profile
-
Agency
-
-
Client Motive:
-
A. HAVE TOO
-
B. EVENTUALLY SOMETIME
-
D. UNSURE
-
E. ANYTHING E. OR ABOVE WAISTING TIME BUT STILL IMPORTANT TOUCH BASE.
-
-
Freelancer Experience:
-
New
-
Middle
-
Experienced
-
-
Freelancer Language:
-
AI translation
-
English
-
Mandarin
-
Spanish
-
Russian
-
------------------------
-
A-Z Of Language's
-
-
Willing to meet in Person:
-
Yes
-
Maybe
-
No
-
-
Sub-Category / Specialty
-
Niche's
✍️ Functionality –Combination of Two Choice's you'll see checked in green. (Developer; may eventually use combination of the two).
Vertical Menu Panel:
-
Similar to how our Wix RE Network demo layout aim's to work:
https://crowdfunnding.wixsite.com/renetwork -
Must not include a search bar – this is intentional
-
Contain dropdown menus by service category, user type, or keyword tags
A-Z Vertical list with emojis for each broad service Categories, Sub-Categories, down to the very niche in one scrollable list:
✅ 1st Choice: Dynamic Drop-down Flow
User selects from 1st dropdown → trigger new options in 2nd
Example:
-
“Service Type” → “Design & Branding” 🎨
-
Then triggers → “Category” → “Social Media Graphics” 📖
-
Then → “Style” → “ / / ” 📰
Each dropdown becomes more specific based of previous selection.
✅ 2nd Choice: Full List (Indented Categories):
Use indentation for visual structure (like Fiverr-style service trees):
Freelance Services:
Skills / Expertise: 🏆, ⚡, 🎯
Experience Level: 👶 Beginner / 🧑 Intermediate / 🧑💼 Pro
🎨 Design & Branding
🖌 Logos
📱 Social Media Graphics
🎬 Video Editing
📊 Marketing & Growth
📧 Email Campaigns
🔎 SEO
📣 Social Media Management
💻 Tech & Development
🤖 AI / Automation
📱 App Development
🌐 Web Development
✍️ Writing & Content
📰 Blog Articles
📝 Copywriting
📚 eBooks & Longform
Both 1st, 2nd, choices to support emoji-based category indicators for clarity.
🚨 NON-NEGOTIABLE:
HERO SECTION DROPDOWN be implemented.
-
If Wix had no limitations embedding filters in hero section, Bubble shouldn't either.
-
Bubble’s flexibility (floating groups, overlapping containers, conditional visibility) removes this excuse.
-
If they don’t fit in the hero visually, implement them with one of the following:
💬 Developer Note:
Bubble is designed for this level of conditional logic. “Not fitting” is not valid reason to exclude these dropdowns hero experience.
Service Category (A–Z list of freelance services)
💡 Backup Integration Options (if fitting inside the hero visually becomes a UI problem):
-
Slide-in filter panel → opens when user clicks “Filter Freelancers” or “Find a Service”
-
Popup filter modal → triggered on landing or by clicking a compact floating button
-
Inline stacked dropdowns → appear just below the fold but styled as part of hero
-
Collapsible filter pills → compact dropdowns that expand when clicked (like Fiverr mobile)
🔊 Sound Element:
-
Background sound option: keyboard typing / mouse clicks ⌨️🖱️
-
Can be toggled on/off by user
-
Only plays if user interacts (not autoplay)
👉 This is now a Remote Freelance spec, keeping the same layout + logic as the real estate version but recontextualized for freelance services.
BODY:
SAME LAYOUT STRUCTURED HERE: https://demoapus1.com/freeio/home-9/
BUT IN THIS ORDER:
REFFER
LEARN
BENEFIT'S:
CLIENT'S
TOP CLIENT'S LIST WITH REVIEW'S CERTAIN RADIUS FROM WHERE USER'S ARE
TOP EXPERT'S EXPERIENCED
TOP EXPERIENCED FREELANCER'S BASED OF REVIEW'S TOO NAEAREST RADIUS MILE'S STILL HAVEN'T THOUGHT LENGTH
NEW
SAME IS FOR EXPERIENCED WHEN SHARED THEIR LOCATION AND GIVEN CONSENT
RECENTLY CLOSED NEAR YOUR ZIPCODE [NEAREST FROM USER'S ZIPCODE]:
🧩 Community Learnning:
-
🗞️ Articles (Blogs) → context-aware, relevant to search
-
🗣️ Forums → trending freelance discussions
-
🧑🤝🧑 Groups → niche-specific groups (e.g., Writers, Developers, Marketers)
-
Create; playlist's, title them. Toggle through your most important by priority to save them by default.
🎥 EDUCATION + VIDEO PLAYLISTS
Auto-curated based on search role:
-
✍️ Writers → Copywriting, Blogging, eBooks
-
🎨 Designers → Photoshop, Canva, Figma
-
💻 Developers → Webflow, Bubble, React, AI tools
-
📊 Marketers → SEO, Ads, Social Growth
-
🤖 AI / Tech → Prompt Engineering, ChatGPT, Automation
-
🧑💻 Agencies / Teams → Scaling, Project Management
📏 AR & UTILITY TOOLS (repurposed for freelance)
-
⌨️ Typing Speed Test
-
🎙️ Audio/Voice Check
-
🎥 Screen Recording Demo
-
🧮 Calculator / Time Tracker
-
🌐 Browser Extensions (AI prompts, project trackers)
🧑💻 SAVED; PLAYLISTS:
-
Users can save favorite post's, expert's, other freelancers into personal playlists:
-
Playlists are network-wide, can be shared/collaborated.
-
Example: 🖥️ “Web Dev Squad”
-
Example: 🎯 “My Think Tank [Office]”
-
+15 dollar's for each other member.
-
-
Example: 📚 “My Mastermind” =Mastering project's together.
-
Business Advisor; Playlist's: SEO, Graphic Design, writer, business go ghetter, etcetera.
-
HOW CHURCH BENEFIT'S
REPUTATION