🎯 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:
-
Refer to 3D conceptual visuals shown here:
https://crowdfunnding.wixsite.com/reexplained/design -
Visual design to suggest depth, activity, diversity, without cluttery.
📸 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:
-
Match the Wix demo layout:
https://crowdfunnding.wixsite.com/renetwork -
Must not include a search bar – this is intentional
-
Contains menu dropdowns by service category, user type, or keyword tags
-
✅ 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):
-
Slide-in filter panel from right or left side
→ Opens when user clicks “Filter Services” or “Find a Provider” -
Popup filter modal
→ Triggered on landing or by clicking a compact floating button -
Inline stacked dropdowns underneath hero
→ Appears just below the fold but styled to feel like part of the top section -
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.”