top of page

🏠 Landing Page Overview

The landing page should reflect the functionality and clarity of Fiverr, but tailored specifically for Property Service Providers instead of freelancers.

The layout must emphasize the platform’s three core pillars, in order of importance:

  1. 🧾 Referrals – Trust-based, zip-code–relevant connections; where each may include opportunity to exchange, earn internship, mentorship, hands-on training between user.

  2. 💸 Crowdfunding – Visible and centered on page, offering access to service-based, property-related funding initiatives (Jesus-Friend's).

  3. 🌐 Community Features – Articles (Blog's), groups, forums, exchange idea's, discover, local collaboration.

While Crowdfunding appears in visual center, it is not core, but rather part of balanced ecosystem that support career growth, trust-building, community empowerment.​

📎 Helpful References & Design Sources

  • 📄 Google Doc (MVP Blueprint):

  • 🎨 Visual Puchased Design Inspiration:

  • 🔁 Brand Narrative Shift:

    • This platform replaces “freelancer” culture with professional, service-based Property Provider identity, emphasizing local trust, internship opportunity, skill-building partnership.

  • 🧱 Wix Demo Reference:

  • 🏗️ Shop;

    • ↪ https://crowdfunnding.wixsite.com/reshop

    • Too notice the difference of Network's — See page's, We don't want properties at Network; their, think clariffied that already. Optional and complimentary, access for users to browse, purchase: tools, digital products if desired.​​​

🔝🔰 HEADER — STRUCTURE, NAVIGATION,  INTERACTIONS

  • Top Left: Logo Placement Top-left corner of header

  • Text: Must clearly say RE NETWORK

  • Design Style:

    • Bold, professionally fun

    • Ideally charismatic, memorable, and humorous — similar to HostGator’s logo personality

  • Slogan:

    • Include short, energetic tagline (example: “Where Property Connections Come Alive”)

    • Should feel light-hearted but relevant to trust, service, connection​

🔔 Centered: Always-Visible Icons

Elements should be displayed whether user logged in or not:

  • 🔔 Notifications Bell

  • 💬 Message Icon

  • 🔐 Sign In Button

  • ✳️ Join/Register Button

    • Button should feel part of the nav — not hidden or separate

    • Dropdown/Popup to select registration type (see below)​

🧭Page's, Element:

Note: All links to open in same browser tab. No external tab or window.

✅ Page List (In Order):

  1. 🏠 Home

  2. 🧾 Referrals

    • Highlighting deal-internship opportunity, mentorship-per-distinct deal, 

    • This could be represented by labels/badges like:

      • 🔄 "Referral Only"

      • 👨‍🏫 "Learnning Included for instance cmmercial dials, or commercial deal's at less than 50 mile radius from 93728"

  3. 💸 Crowdfunding

    • JN In-House or referrenced url-linked, Project funding page

  4. 🌐 Networking

    • Landing area for user collaboration: Intros, Discussion's Article's, Forum's, Groups,

    1. 📰 Articles (Blogs)

      • Published insight from community

    2. 💬 Forums

      • Topical discussions by service area, location, or topic

    3. 👥 Groups

      • Social or professional interest communities

  5. ℹ️ About

    • Vision, Mission 

  6. 📞 Contact

    • resources

      • FAQ, ​

    • help

    • Contact form

  7. 🛍️ Shop

    • Redirects to JN’s dedicated eCommerce page, but opens in same tab

  8. 📮 Post / Receive Offers

    • Action point for:​

      • Users to submit job requests

      • Property Service Providers to post services

📝 Join / Register Menu Behavior

  • 🔐 Sign In → Traditional login experience

  • ✳️ Join/Register Button → Opens choice panel:
    🧑‍🔧 Register as Property Service Provider

    • Active and functional now

    • Leads to category-based intake funnel (as described later)

  • 🙋 Register as Customer

    • COMING SOON — must be visually clear (e.g., grayed out or tagged "Coming Soon")

✅ NOTES FOR DEV:

  • Header must remain fixed (sticky) on scroll

  • All items should be responsive and easily accessible on all device's desktop, mobile/tablet

  • “Post / Receive Offers” should be styled as a CTA button if space allows

  • Allow future user-profile dropdown when signed in (covered in user states)

 

🎯 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.”

 

🦶 FOOTER — STYLE & CONTENT EXPECTATIONS

🎯 Purpose:

The footer should mirror style, and feel, of premium freelance marketplaces like Freeio or Fiverr but adapted for RE Network’s unique community focus. Must include essentials while keeping clean, professional, and mobile-friendly layout.​

🎨 Design Reference:

💡 We’ve purchased footer design samples from Freeio WordPress Theme
Please request access or samples from our team so you can see the subtle design differences we prefer.

These designs include:

  • Better padding and spacing

  • Sharp alignment of columns

  • Footer call-to-action styling that doesn’t feel “template-generic”​

📚 Core Footer Sections to Include:
1. 🔗 Account Actions:

  • Sign In

  • Register as Provider

  • Register as Customer (coming soon — grayed out or marked clearly)

  • Post / Receive Offers

2. 📩 Newsletter Sign-Up or Platform Updates:

  • Simple email input + subscribe button

  • Friendly description like “Stay updated on local projects, new referrals, and featured campaigns.”

3. 📱 In-House Social Media Icons:
(If relevant — placeholder until launch):​

  • WhatsApp or SMS Icon (if applicable)

4. 📜 Legal & Admin Links:

  • Terms of Service

  • Privacy Policy

  • Cookie Policy

  • DMCA or Dispute Resolution (optional)​​

✅ Additional Notes for Developer:

  • Design must be mobile-friendly, with collapsible sections if needed

  • Ensure the footer uses consistent colors, typography, and spacing with the overall site theme

  • Optional: Add a mini "RE NETWORK" logo in the bottom-left for brand recall

  • Footer should not contain a “Back to top” button unless mobile UX requires it

​

🔄 USER STATES & BEHAVIOR LOGIC​

🛑 USER EXITED (WITHOUT SIGNING IN OR REGISTERING)

  • ✅ Session Memory Required

    • If the user begins interacting (e.g., selects categories, filters, fills form fields), their choices must be saved locally

    • When the user returns, selections and interactions should remain visible by default

🧠 Goal: Don’t lose the user’s momentum. Re-entering should feel seamless.​

👤 NOT REGISTERED / NOT SIGNED IN

📍 Behavior similar to: Freeio Demo
🎯 Inspired by Fiverr’s public browsing structure

🧩 What to Display (without account):

  • 🔁 Referrals (sample or anonymized)

  • 🏅 Top Performers Near ZIP Code

    • Click to share location and see​

  • 💸 Crowdfunding Campaigns (public-facing only)

    • 🏘️ Local Properties based on user’s ZIP

  • 🌐 Networking Previews (no DM access)

  • 📊 Sorting Options

    • Sort by: “Nearest By”

    • Trending, Most Recent

  • 🛍️ Shop access (entire catalog, could make purchase when signed in)

🔑 Actions that trigger Sign-Up Prompt:

  • Posting referral

  • Send message

  • Save campaign

  • Access someone's full profile

✅ SIGNED IN / REGISTERED USERS

Upon sign-in, user should be redirected based on their preference:

🔁 Redirect Logic:

  • Option 1: Dashboard

  • Option 2: Personalised Landing Page

  • Option 3: Profile

💡 Preferrably; Let user choose default redirect in account settings if possible​

🧠 Signed-In Experience Includes:

  • 🧾 Crowdfunding feed personalized to:

    • Zip code

    • Interests

    • Previous activity

  • 🔁 Referral interactions saved (who they’ve shared referrals with)

  • 🧠 Last seen history recalled:

    • Users they messaged

    • Offers posted

    • Groups engaged

  • 📌 Option to continue where they left off

🚫 DO NOT:

  • Do not take user to public version of profile Fiverr does

  • Do not expose private activity to others unless made public intentionally​

🎯 SAMPLE EXPERIENCE TO EMULATE:

Even if it’s not the user’s own campaign, still show:

  • 🧾 Crowdfunding results

  • 📍 Listings near ZIP

  • 🏅 Recommended Providers

  • 🧠 “Based on your last visit” cards or notices
     

bottom of page