Web & App Design · Finance & Fintech

Websites and apps that make finance brands look as credible as they are.

I design and build digital products for the world I come from — trading platforms, advisory firms, trade-finance and fintech. A decade in equity research means I don't just make it look good; I understand the business behind every screen.

Next.js / ReactFigmaUI/UXDesign systemsResponsiveFintech UX
View selected work ↓ Work with me
6+Live websites shipped
1Trading app design system
10+ yrsIn finance & markets
4Finance / fintech builds

Selected work

01

Confidential Trading Platform Flagship · NDA

Fintech · Leveraged F&O Trading Platform
Client confidential · under NDA

A marketing site and companion trading-app design system for a derivatives platform built for Indian F&O traders. Dark, high-contrast trading UI with a live market-data ticker, an animated candlestick hero, interactive phone mockups that surface real position and liquidation data, and a conversion-focused waitlist funnel. (Client name withheld under NDA.)

The companion trading app is designed in Figma on a full design-system foundation — a documented token architecture with a brass/champagne colour scale, onyx neutrals, emerald/oxblood up-down semantics, a 4-pt spacing grid, and shadow & motion tokens — the kind of system most freelance designers never build.

Built with
Next.js (React)JavaScriptTailwind-style CSSAnimation / motionFigmaDesign tokens
Skills shown
Fintech product designDesign systemsDark-mode UIData-dense interfacesConversion copywriting
Landing hero — live ticker & animated candlesticks
Landing hero — live ticker & animated candlesticks
In-product app screens — position & liquidation view
In-product app screens — position & liquidation view
Feature system — clear, restrained information hierarchy
Feature system — clear, restrained information hierarchy
Companion app — live product screens (designed in Figma)
Dashboard & watchlist — live indices, chart, F&O screener
Dashboard & watchlist — live indices, chart, F&O screener
Option chain — OI, LTP, strikes, PCR & max-pain
Option chain — OI, LTP, strikes, PCR & max-pain
F&O screener — long/short buildup, index options
F&O screener — long/short buildup, index options
02

Rengana Capital

Business & Finance Advisory · Oman
renganallc.com ↗

A premium brand site for a firm that connects Oman's MSMEs to banks and NBFCs. A custom illustrative ‘connection’ graphic anchors the hero, paired with an elegant serif/sans system, a refined navy-and-gold palette, a clear service architecture, and a confident, credibility-first track-record section.

Built with
Next.js (React)Tailwind CSSJavaScriptResponsive
Skills shown
Premium brand designInformation architectureFinance copywritingTrust-building layout
Hero — custom ‘business-to-funding’ graphic
Hero — custom ‘business-to-funding’ graphic
Track record — proof, presented with restraint
Track record — proof, presented with restraint
03

City Commerce Finance

Trade & Shariah-Compliant Finance · Dubai
citycommercefinance.com ↗

A corporate site for a Dubai trade-finance firm structuring letters of credit, Sukuk advisory and instrument monetization. Features an animated dotted-globe hero, an interactive ‘financing assistant’ that matches a client's situation to the right solution, and an animated count-up track record on a navy-and-green trust palette.

Built with
Next.js (React)JavaScriptAnimated SVG / canvasResponsive
Skills shown
Corporate finance UXInteractive componentsMotion designLead-gen design
Hero — animated global banking network
Hero — animated global banking network
Interactive ‘tell us what you need’ assistant
Interactive ‘tell us what you need’ assistant
04

Fortem General Trading

B2B Import / Export · UAE
fortemtrading.com ↗

A bold single-page site for a UAE general-trading company dealing in agricultural produce, food commodities, agrochemicals and industrial goods. A confident red-and-charcoal identity, product-forward imagery, a clear end-to-end process narrative, and strong calls to action.

Built with
Next.js (React)JavaScriptResponsive
Skills shown
B2B brand designSingle-page storytellingProduct presentation
Hero — bold identity, product-forward
Hero — bold identity, product-forward
End-to-end trade solutions section
End-to-end trade solutions section
05

Kropx Foodstuff Trading

B2B Agro-Commodity Trade · Dubai
kropxfoodstuff.com ↗

A clean agro-trading site with a fresh green palette, high-quality product photography and a well-structured product taxonomy — grains, pulses, edible oils, spices and nuts — funnelling wholesalers and food businesses toward a quote request.

Built with
Next.js (React)Tailwind CSSJavaScriptResponsive
Skills shown
Product-catalog UXB2B visual systemQuote-funnel design
Hero — fresh identity over product imagery
Hero — fresh identity over product imagery
Structured product catalogue with tags
Structured product catalogue with tags
06

Agrosourcing

Négoce Agricole · France (multilingual)
agrosourcing.fr ↗

A French-language agricultural-trading site with a warm green identity, a cinematic scroll-scrubbed video hero, three clearly separated business divisions and quantified credentials. A multilingual B2B execution aimed at the French and export markets.

Built with
Next.js (React)Tailwind CSSJavaScriptResponsive
Skills shown
Multilingual / French-market designB2B trade designBrand identity
Hero — cinematic scroll-scrubbed video, ‘de la semence au produit fini’
Hero — cinematic scroll-scrubbed video, ‘de la semence au produit fini’
Company & divisions overview
Company & divisions overview

Skills & tools

Design

UI / UX DesignWeb & App DesignDesign Systems & TokensResponsive / Mobile-firstLanding-page & ConversionBrand & Visual Identity

Build & Code

Next.js (React)JavaScriptHTML5 & CSS3Tailwind CSSFigmaWeb animation / motion

Domain edge

Fintech & Trading UXFinancial dashboardsTrade-finance & advisoryData-dense interfacesFinance-literate copywriting