Skip to content
case_study · heraldic_capital
Case Study
Heraldic Capital — Precious metals investment

Precious metals investment platform. Real-time pricing, portfolio analytics, and multi-level partner network.

Heraldic Capital — Homepage
Roles
  • Full-Stack Development
  • UI/UX Design
  • Database Architecture
  • API Design
  • DevOps & Deployment
Stack
Next.js 15TypeScriptTailwind CSSPostgreSQLPrisma ORMNextAuth.jsD3.jsjsPDFVercel
Year2025
project_overview
Overview

Digitizing precious metals investment

Traditional gold and precious metals investment has always been opaque and manual — phone orders, paper contracts, spreadsheet portfolios, and zero real-time visibility. Heraldic Capital replaces that entire workflow with a modern digital platform: live pricing, instant portfolio analytics, automated contracts, and a multi-level partner network — all in one application.

36Pages
57API Endpoints
29KLines
9Career Levels
platform_features
Platform

What I built

Five core modules powering a complete investment platform — from live market data to automated partner commissions.

01

Live Precious Metals Pricing

Gold, silver, and platinum prices updated 3 times daily from market feeds. Historical charts, price alerts, and buy/sell spread calculations in real-time.

02

Portfolio Dashboard with D3 Analytics

Interactive portfolio visualization — allocation breakdowns, performance history, unrealized gains. Custom D3.js charts with drill-down and export capabilities.

03

9-Level MLM Career System

Partner network with 9 career levels, automatic commission calculations, genealogy tree viewer. Volume tracking, qualification criteria, and monthly payouts.

04

Auto PDF Contracts & KYC Workflow

Digital onboarding — identity verification, contract generation, e-signature flow. PDF contracts with QR verification codes, compliant with EU financial regulations.

05

Admin Back-Office

Complete management console — user management, order processing, commission overrides, reporting. 45 granular permissions across 4 role levels.

key_screens
Screens

From landing to dashboard

Marketing site, pricing plans, investor dashboard, career program — four key touchpoints of the user journey.

heraldic-capital.com
Heraldic Capital — Investor Dashboard
Investor DashboardPortfolio overview, active investments, recent activity, quick actions
heraldic-capital.com
Heraldic Capital — Pricing & Plans
Pricing & PlansInvestment tiers, live gold prices, historical performance data
heraldic-capital.com
Heraldic Capital — Career Program
Career ProgramMLM career progression, commission tiers, team building
heraldic-capital.com
Heraldic Capital — About & Trust
About & TrustCompany history, registration details, compliance information
brand_identity
Brand Identity

Premium & trustworthy

A visual system built around gold and stone — communicating trust, stability, and premium positioning for a financial platform.

Logotype
Heraldic Capital logo
Color System
#FACC15Gold Primary
#FDE68AGold Light
#0C0A09Stone Dark
#F5F5F4Stone Light
Typography
Aa
Playfair Display + InterDisplay, body, UI
Precious Metals
Investment platform
tech_stack
Technology

Built to scale

Modern full-stack architecture chosen for performance, developer experience, and long-term maintainability.

Frontend
Next.js 15ReactTypeScript
Styling
Tailwind CSSshadcn/ui
Backend
Next.js APIServer Actions
Database
PostgreSQLPrisma
Auth
NextAuth.jsRBAC
Charts
D3.jsRecharts
Documents
jsPDFQR Codes
Deploy
VercelEdge Functions
results
Results

What was shipped

56 pages
Complete investor portal — dashboard, portfolio, contracts, admin
54 endpoints
RESTful API — pricing, orders, commissions, KYC, reporting
9 levels
MLM career system with automatic qualification and commission payouts

A complete FinTech platform — 56 pages, 54 API endpoints, 29K lines of code — built solo from database architecture to deployment. Real-time pricing, portfolio analytics, partner network, and admin back-office.

56 pagesFull investor portal
54 endpointsRESTful API coverage
29K linesTypeScript codebase
2025Launched in production
Next Project

OpsPortal

B2B operations management portal. Contracts, scheduling, performance tracking, and invoicing.

View Project