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 un-attached vertical strip's.

      • Use for sponsored banners; possibly, soon: powered by Revive Adserver if not ready by then because limited fund's in-platform template.

    • More-Centered Multiple Thumbnails must be clickable and mobile-optimized similar too how they are here if you see right-side smaller square's here placed where shown at wix ui of hero section:

  • 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:

🙏🏼 Request; 1 - 6, Apparently:

✅1

  • Multi-Select

    • Some Real Estate Agent's will check at register that they are ​also real estate attorney's, escrow business owner, appraiser,  mortgage broker's, list could go on.

✅2 

  • Categories Indented.

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

✅3 Full Category List (Inside Dropdown)

  • After each space is ah category see page each space represent's seperate category.

    • 💼 Agent 

      • 💼Real Estate Agent 

    • 🏚️ Vacancy 

      • Vacant 

      • Tenant Occupied ​

    • 🛠️ Property Condition 

      • New Construction ​

      • Burned 

    • 🏣 Field's

      • Commercial ​

      • Agricultural. 

✅4 Dynamic Drop-down Flow:

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

  • Example:

    • "Service Type" → "Mortgage Consultant"

    • Then triggers → "Loan Type" → "Over 740+ Credit Score Conssultant's"

    • Then → "Length: 30, 15, 10, 5" 

Each dropdown becomes more specific based on the previous selection.

​​

✅5 PSP's that have different Filter's: 

  • Professional's:

    • Office people; for now, will share same filter's except ​

  • Mortgage Consultant's we will evolve and define filter's later for other professional's, so far this is what we have.

  • Trade.

    • Difference here is that they inform public of pr. sq. ft.​

​​

✅6 Preferrably Same tab Window, New Tab Window is fine:

  • When change psp for filter's to tailor to the psp exchange. 

  • We try and avoid confusion by openning alot of tab window's how fiverr does, however some way they make sure that that catgegory is also more niched or and that is also our ultimate goal so perhap's.

  • To even each PSP them out equally.

​

🚨 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 CREEPING INTO 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.”

​​

BODY:

​​

BY: https://demoapus1.com/freeio/home-9/

https://crowdfunnding.wixsite.com/renetwork


WE WILL NOT HAVE Trusted by the world’s best Just yet we will try and build rapport first part of JN's value's.

Browse talent by category

Get some Inspirations from 1800+ skills​

WE WANT THE THUMNBAILS TO BE THE SIZE OF FORUM'S GROUP'S OF https://crowdfunnding.wixsite.com/renetwork -BODY PART NOT HERO PART 

​​

all categories on right side to potentially have A-Z OF all categories

​

Popular Services

Most viewed and all-time top-selling services

SAME SIZE THUMBNAILS OF https://demoapus1.com/freeio/home-9/ FOR THAT SECTION SHOWN AT DEMO APUS

 

COMMON TRADE'S

COMMON PROFESSIONAL'S

PERSONALIZED TO USER'S USAGE WETHER THEY BE TRADE, PROFESSIONAL, WHAT WILL BE MORE TAILORED BUT BE CONSIDERATE OF OTHER NETWORKING TRADEPEOPLE. SO THEY ALSO BROWSE MORE.

YES WITH TABS RIGHT SIDE 

​

  • FEATURE'S:

    • GPS 

      • Be notified when service provider is near, and reaches destination. 

    • Radius 

      • Find service provider's near you:

    • Measure Feature Consider Using Construction Estimation Tools with AR: 

      • Apple's Measure App (iOS) or

      • Google's Measure (Android): MySizeID or Size.Me Google Measure or Apple's Measure App

        • Door's: 

        • Window's 

    • Language: 

ALL SERVICE'S BUTTON TAB

REFERRAL'S

LEARNING

CROWDFUNDING (GET YOUR FEET WET WITH JN RE)

NETWORKING

With talented freelancers do more work.

Find Work, Find Talent. -Button's

 

with potential professionial shaking hand's with ah trade s if professional gave person referral, professional see's how happy trade person is for referral replaced from woman 

​

Highest Rated Freelancers

50 Mile Radius from your Zipcode: 93728.

thumbnails smaller similar to forum's, group's, of wix demo 2 rows too 8 column's yes slideing similar to how freeio wordpress is

yes favorite them, to which playlist's you have option's mastermind, think tank. other element's shown at freeio wordpress 

https://demoapus1.com/freeio/home-9/ 

BROWSE ALL

WITH SLIDER TAB'S

​

with following of element's https://demoapus1.com/freeio/home-9/ has replaced to complimenting re network feature's for instance

  • GPS LOCATION.

🦶 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
     

WHATSAPP:

+1-213-926-1906

bottom of page