RemoteJobs.team — Mockups v3

Production-shaped static mockups. v3 keeps every v2 surface and adds the missing logical pages, an interactive layer (modals, drawer, chips, dropdowns, composer, copy-to-clipboard, toasts, form validation), and a shared CSS + JS bundle that the WordPress build will lift in 1:1.

v3 changes vs. v2
1. Shared chrome — single-source partials/nav-member.html + nav-public.html + nav-admin.html + footers + modal partials, compiled into every page by build.py. Editing the nav is one file, not 22.
2. Shared CSSassets/css/app.css bundles tokens / reset / base / components / chrome / modal / utilities. Pages keep only page-specific tweaks in <style>.
3. Working interactivityassets/js/app.js ships: modal system (native <dialog>), account menu dropdown, mobile drawer, toggleable filter chips, tab switcher, message composer, copy-to-clipboard, toasts, client-side form validation.
4. New logical pages — Account, My profile (edit), My jobs, My invites, Notifications, 404 / 403 / 500. The invite-a-friend overlay is finally a real modal, wired to every "Invite" CTA across the chrome.
5. Mobile + a11y pass — every page audited at 360 / 744 / 1024 / 1128, every interactive control keyboard-reachable, ARIA on every dropdown / dialog / tablist, skip-link in every page.

Core member surfaces

SHARED
/

Home (logged-in feed)

Fresh jobs from the network, members ready to mentor, members job-hunting, recent intros.

Open →
SHARED
/jobs

Jobs board

Network-shared remote roles, filterable by job type + region + status.

Open →
SHARED
/jobs/<id>

Job detail + warm intro

Job body + sticky warm-intro rail + network-at-this-company list.

Open →
SHARED
/jobs/post

Post a job

Form for any member to post a remote opening.

Open →
SHARED
/mentorship

Mentorship matchmaking

Find a mentor or opt in to become one.

Open →
SHARED
/directory

Member directory

Searchable member grid with mentor / hunter / hiring badges.

Open →
SHARED
/u/<slug>

Member profile

Header, "Invited by", help-offers + help-needs, bio, connection count, full connection list.

Open →
SHARED
/messages

Messages

Real-time 1:1 chat with composer templates. Composer now sends + appends bubbles.

Open →

Your own stuff (NEW in v3)

NEW
/u/<self>/edit

Edit my profile

Form to edit own profile + Refresh from links + LinkedIn export upload.

Open →
NEW
/my/jobs

My job posts

Own job listings — drafts, open, expired, closed. Per-row edit / archive / mark-hired.

Open →
NEW
/my/invites

My invites

Sent invites — pending / accepted / expired / revoked. Copy link, resend, revoke.

Open →
NEW
/notifications

Notifications

Inbox of platform notifications — messages, invite accepted, intro / mentor requests, job matches.

Open →
NEW
/account

Account & settings

Member-facing settings — notifications, password, sessions, account deletion.

Open →

Onboarding

SHARED
/join/<token>

Invite landing

First surface an invitee sees after clicking the share link.

Open →
SHARED
/signup (step 2 + 3)

Signup — auto-import + intent

Auto-import preview + intent declaration.

Open →

Admin

SHARED
/admin/activity

Site activity dashboard

Stacked-bar chart + filter chips + audit log.

Open →
SHARED
/admin/members

Members admin

Full member list — filter, bulk actions, per-row suspend / hard-purge.

Open →
SHARED
/admin/jobs

Jobs admin

Every job ever posted with pin / hide / re-open.

Open →
SHARED
/admin/contact

Contact inbox

Email-client-style inbox for contact-form submissions.

Open →
SHARED
/admin/settings

Settings

10-section operator config + sticky save bar.

Open →

Public-facing

SHARED
/

Landing page (logged-out)

Hero + principles + how-it-works + features + FAQ.

Open →
SHARED
/login

Log in

OAuth + email/password + magic link.

Open →
SHARED
/terms

Terms of service

12-section TOS.

Open →
SHARED
/privacy

Privacy policy

What we collect, why, who can see it.

Open →
SHARED
/data-protection

Data protection

Self-service GDPR rights.

Open →
SHARED
/contact

Contact the team

Generic contact form + email side rail.

Open →
NEW
/blog

Blog index

Feature post + topic filter chips + 3-col grid of member-written essays + newsletter capture.

Open →
NEW
/blog/<slug>

Blog post (detail)

Long-form article layout — hero photo, prose body, callouts, pull-quotes, author card, related-posts grid.

Open →

Error pages (NEW in v3)

NEW
404

Not found

Shared chrome + one-line message + Back home CTA.

Open →
NEW
403

Forbidden

Returned when a non-member URL is hit by a guest.

Open →
NEW
500

Server error

Generic server-error page.

Open →