top of page

🎯 HERO SECTION (No-Scroll First Glance)

Section aimed to deliver instant clarity, visual interest, interaction — similar to a well-designed YouTube thumbnail. Must communicate  platform's purpose immediately, using bold layout, collage-style visuals, and ad placements to monetize, inform, without overwhelming, their time will be well invested, not spent, notice the difference., many web-site's give perception that they'll have visitor run around the bush, we won't and don't want to give that perception. Call-to-action (CTA)-Boom.

🧱 Visual + Functional Overview

🖼️ Background Theme:

📸 Diverse Collage Examples:

  • Use image layering/collage similar to this reference:
    Google Drive Collage Image https://drive.google.com/file/d/1WtjWMdWsoo6JxV6_DwlVdWNw-lr3eoN4/view?usp=sharing

🔲 Ad Zones & Menu See: https://crowdfunnding.wixsite.com/renetwork for refference

Left Side —

  • Ad Thumbnails (2x):

    • Top and bottom of far left vertical strip

    • Use for sponsored banners powered by Revive Adserver

    • Thumbnails must be clickable and mobile-optimized

  • Stacked Photo Ads (Cornered):

    • Slightly overlapping images stacked vertically

    • These will serve as visual cues + monetized content

🧩 Right Side — Feature Highlights + Ads

  • Dime-Sized Feature Banners (Top Right):

    • Small, visually punchy banners that highlight the platform’s strengths

    • Placed before full-size ad banners appear

    • Think teaser visuals: “Top Crowdfund,” “Local Pro Near You,” etc.

  • Right Ad Thumbnails (2x):

    • Match left side ad logic — 1 top, 1 bottom

    • Powered by Revive Adserver

    • All ads should blend into theme (not generic)

🔻 Dropdown Structure (Inside Hero)

Use hierarchical dropdowns that dynamically update based on user selections:

✍️ Functionality - Two Options (Developer Must Implement One) 

  • Vertical Menu Panel:

✅ 1st Choice: Dynamic Drop-down Flow

  • User selects from 1st dropdown → triggers new options in the 2nd

  • Example:

    • "Service Type" → "Property Cleaning"

    • Then triggers → "Condition" → "Vacant / Rented"

    • Then → "Zip Code" input

Each dropdown becomes more specific based on the previous selection.

✅ 2nd Choice: Full List (Indented Categories)

  • Display all categories, sub-categories, and niches in one scrollable list

  • Use indentation for visual structure (like fields in real estate forms):

    • Property Services

      • 🧹 Cleaning

        • 🏚️ Vacant Property

      • 🛠️ Handyman

        • 🧰 Emergency Services

  • 1st and 2nd choice; both; indented categories.

🚨 NON-NEGOTIABLE: HERO SECTION DROPDOWNS MUST BE IMPLEMENTED

If we experienced limitations with Wix — where dropdown filters couldn't be embedded into the hero section — that does not justify the same issue happening in Bubble. Bubble offers significantly more layout and conditional logic flexibility than Wix.

✅ Instruction to Developer: If for any reason you cannot fit the dropdown filters directly into the HERO section, that’s not a blocker — you must still implement them one way or another. Bubble allows for:

  • Floating groups

  • Modals

  • Custom layout containers

  • Overlapping elements

  • Conditional visibility

  • Slide-ins / Drawers

If it can’t be done the exact way we visualized in Wix, it can still be done in Bubble — that’s the point. We chose Bubble so we don’t face those same platform limitations.

💡 Backup Integration Options (if fitting inside the hero visually becomes a UI problem):

  1. Slide-in filter panel from right or left side
    → Opens when user clicks “Filter Services” or “Find a Provider”

  2. Popup filter modal
    → Triggered on landing or by clicking a compact floating button

  3. Inline stacked dropdowns underneath hero
    → Appears just below the fold but styled to feel like part of the top section

  4. Collapsible filter pills
    → Compact dropdowns that expand when clicked (like Fiverr mobile)

💬 Developer Note:

Bubble is designed for this level of logic. If it was a problem on Wix — it should be fixable here. Not fitting is not a valid reason for these filters to be excluded from the Hero experience.

📋 Category Fields to Include:

  • Property Service Provider A–Z

  • Field / Service Type

  • Property Condition

  • Vacancy Status

  • Price or Budget Range

  • Demographics (optional)

  • Input ZIP Code

🔊 Optional Sound Element:

  • Background sound option:

    • Adult bike pedaling forward / backward

    • Can be toggled on/off by user

    • Only plays if user interacts (not autoplay)

🧩 COMMUNITY ELEMENTS INSIDE HERO

🗣️ Forums + 🧑‍🤝‍🧑 Groups Must be Partially Shown in Hero

Similar to how WIX displays forums and groups in the first screen, partially exposed:

  • Half-preview layout for:
    🔹 Top trending forum posts

      🔹 Most active community groups

  • Placement:

    • 👁️ Just beneath dropdowns, integrated visually

    • Can scroll into full view after dropdown use

⚠️ This gives the user social trust signals immediately, similar too:
“This platform isn’t empty — it’s active, ongoing, worth joining.”

bottom of page