Case study · MCF Marks Consultant Funds

A 3D investor site with a dashboard and admin panel

mcfinvestment.com: a 3D interactive investment website with an investor dashboard for crypto deposits and withdrawals, tiered ranks and an admin allocation panel.

Client
Mark Consultant Fund (MCF)
Role
Full-Stack Developer
When
Apr 2026
Where
Remote
MCF Marks Consultant Funds screenshot
MCF Marks Consultant Funds, live in production.mcfinvestment.com

Overview

Mark Consultant Fund (MCF) offers investment plans to its clients. The public site presents three: Weekly Profit, Monthly Profit and Compounding Growth. I built the platform in Next.js, TypeScript and Supabase: the public website, the investor dashboard and the administration panel.

The public site is built around an interactive 3D centrepiece, the glass MCF block on the About page, with horizontal scroll storytelling. Behind the login, investors manage cryptocurrency deposits and withdrawals, and administrators allocate profit and commission.

The challenge

An investment platform has two jobs that pull in different directions. The first screen has to earn trust and stand out, and everything behind the login has to handle money movements carefully, with verification at each step.

How it fits together

Three connected surfaces share one Supabase backend: the public 3D site, the investor dashboard and the admin panel.

People

  • Visitors
  • Investors
  • Administrators
▼Next.js

Surfaces

  • 3D public websiteWebGL, horizontal scrollytelling
  • Investor dashboardDeposits, withdrawals, ranks
  • Admin panelProfit & commission allocation
▼reads & writes

Backend

  • SupabaseAccounts, transactions, balances
The three surfaces of mcfinvestment.com on one backend.

Key workflows

The processes the system runs, step by step. Amber steps are checks or gates; green steps are the outcome.

Deposit

Cryptocurrency deposits are verified before they count. Only a verified transaction reaches the investor's balance.

  1. 01Investor submits depositCryptocurrency
  2. 02Transaction verification
  3. 03Balance updated

Withdrawal

Withdrawals follow the same principle in reverse: a request is verified before it's completed.

  1. 01Investor requests withdrawal
  2. 02Transaction verification
  3. 03Withdrawal completed

Profit, commission and ranks

Administrators allocate profit and commission from the admin panel, and investors see the result in their dashboard alongside their tiered rank.

  1. 01Admin allocates profit & commission
  2. 02Investor balances
  3. 03Tiered rank shown in dashboard

What I built

  • 3D interactive website

    A marketing site built around an interactive 3D centrepiece and horizontal scroll storytelling.

  • Investor dashboard

    Cryptocurrency deposits and withdrawals with transaction verification, plus tiered investor ranks.

  • Administration panel

    Tools for allocating profit and commission across investors.

Results

3
connected surfaces: public site, investor dashboard and admin panel

Stack

  • Next.js
  • TypeScript
  • Supabase
  • 3D / WebGL
  • Horizontal scrollytelling

Questions

What is mcfinvestment.com built with?
Next.js and TypeScript with Supabase, and WebGL for the interactive 3D elements.

Have a similar project?

I take on contract and full-time work from Muscat, Oman and remotely. Tell me what you're building.

Get in touch

More case studies