Front End Web Flow Developer

Front-End Webflow Developer — Confidential Fintech Build
Contract Role | High-Security, Compartmentalized Architecture

About the Project

A private client is developing a high-security fintech interface for a proprietary multi-tier risk-architecture system known internally as The Black Sheep Protocol.
The system contains three structural tiers (Constitution-1, Constitution-2, and Constitution-3), which must be represented visually in the UI.

You are responsible only for the front-end.
All backend logic, algorithms, and mechanics remain completely isolated and are handled by a different team.

This role requires strict compliance with confidentiality, modular construction, and compartmentalized design.

Role Responsibilities

The Webflow Front-End Developer will:

Build all public-facing Webflow pages
Build a gated client dashboard
Implement visual indicators for the three Protocol tiers:

Constitution-1

Constitution-2

Constitution-3

Implement a margin-awareness UI display
Create clean, modular UI components for backend developers to integrate
Ensure zero exposure of proprietary calculations or mechanics
Use Webflow as the primary platform with optional lightweight custom code embeds

This position is purely front-end.
You will never be given backend formulas or internal logic.

What You Will Build

1. Public Website (Webflow)

Polished, luxury-grade landing pages
High-end hero sections with subtle animations
Non-technical, high-level content explaining that the system operates across three tiers
Enrollment and informational pages
Pricing overview (enrollment, access, performance tiers)
Fully responsive, mobile-friendly layout

Secure CMS structure

2. Client Dashboard (Front-End Only)

A login-gated dashboard presenting:
UI-only indicators for Constitution-1, Constitution-2, and Constitution-3
Structure status states
Efficiency-tier selectors or displays
High-level pathway visuals (non-mechanical)
Lifecycle and progression timelines

Front-end buttons for backend-triggered actions:

Activate

Pause

Update / Transition

Modular components ready for backend integration

The dashboard shows visual states — not calculations.

3. Margin-Awareness UI Module

The UI must clearly display:

Available margin

Margin utilization

Status indicators:

Healthy

Approaching Threshold

Extended

Projected impact visuals (non-numeric, non-mechanical)

The client does not make decisions.
This is purely informational to prevent operational interruption.

4. Automation UI Shell (Front-End Only)

Create the front-end interface that triggers backend processes:

Activation

Pausing

Updating

Backend logic is isolated and handled separately.

Modular Architecture (Mandatory)

All components must be:

Modular
Replaceable
Exportable
Segmented
Detached from backend logic
Built for secure integration

Designed to prevent reverse engineering

You will see only what is necessary for UI work.
This protects trade secrets and ensures long-term scalability.

Tech Stack

Webflow (primary)
HTML / CSS / JS for custom embeds
Lottie animations
Memberstack / Outseta / Webflow Memberships
Figma (layout collaboration, if needed)

Security Requirements (Mandatory)

NDA + Non-Compete must be signed before receiving details
No public posting of work, screenshots, or concepts
No reuse of design patterns or architecture
No GitHub or public repos

All deliverables must use secure transfer channels
Zero disclosure of Protocol structure or internal logic

Confidentiality is absolute.

Ideal Candidate

Expert-level Webflow skills
Strong UI/UX instincts
Experience with dashboards or financial interfaces
Able to work without backend visibility
Understands modular, compartmentalized development
Reliable, communicative, and deadline-accurate

Deliverables

Full Webflow front-end
Public-facing website
Gated client dashboard
Three-tier UI structure (Constitution-1 / 2 / 3)
Margin-awareness module
Modular component architecture
Front-end trigger controls
Secure handoff-ready system

How to Apply (Fixed Price Only — No Hourly Billing)

Please provide:

1. Your total project price
A single fixed cost for completing the entire front-end.

2. Your per-page breakdown
List how many Webflow pages you expect to build (public + dashboard + UI modules).

3. Timeline
How long the project will take.

4. Webflow portfolio
Links to past Webflow work.

5. NDA confirmation
You must confirm willingness to sign a strict NDA + Non-Compete.

6. Modular-development confirmation
comprehensive list of average worker wages
https://onlinejobs.ph/salaryguide
You must confirm you can build isolated components without backend access.