Skip to content
← All projects
Case Study

Heraldic Capital — Precious Metals Investment Platform

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

Heraldic Capital — Platform Mockup
Roles
  • Full-Stack Development
  • UI/UX Design
  • Database Architecture
  • API Design
  • DevOps & Deployment
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
Tech Stack
Next.js 15TypeScriptTailwind CSSPostgreSQLPrisma ORMNextAuth.jsD3.jsjsPDFVercel
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

Homepage & pricing

Marketing site with live gold pricing ticker and tiered investment plans.

heraldic-capital.com
Heraldic Capital — Homepage
HomepageHero with live gold pricing, investment products, and trust signals
heraldic-capital.com
Heraldic Capital — Pricing & Plans
Pricing & PlansInvestment tiers, live gold prices, historical performance data
products_legal
Screens

Products & compliance

VIP investment products and regulatory compliance documentation.

heraldic-capital.com
Heraldic Capital — VIP Product
VIP ProductPremium gold savings plan with exclusive benefits and higher returns
heraldic-capital.com
Heraldic Capital — Terms & Legal
Terms & LegalCompliance documentation, GDPR, investment terms and conditions
investor_dashboard
Screens

Investor dashboard

Portfolio overview, active investments, and performance tracking.

heraldic-capital.com/dashboard
Heraldic Capital — Investor Dashboard
Investor DashboardPortfolio overview, active investments, recent activity, quick actions
heraldic-capital.com/dashboard
Heraldic Capital — Investments
InvestmentsActive positions, purchase history, performance tracking per asset
payments_prices
Screens

Payments & live prices

Transaction management and real-time precious metals pricing.

heraldic-capital.com/dashboard
Heraldic Capital — Payments
PaymentsTransaction history, deposit and withdrawal management, invoices
heraldic-capital.com/dashboard
Heraldic Capital — Live Prices
Live PricesReal-time precious metals pricing, historical charts, price alerts
brand_identity
Brand Identity

Premium & trustworthy

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

Heraldic Capital — Brand Identity
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
Contact

Need a financial platform like this?

Tell me about your project. I'll reply within 24 hours with next steps.

Next step

Have a project in mind?

Let’s talk about your idea — no commitment, just a conversation.