The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Bancer – Fintech Market Dashboard
Bancer was designed in Figma – a dark, data-dense fintech UI with a custom 3D Earth centerpiece, sparkline cards, sortable tables, and an alert system – then built end-to-end into a live full-stack app.
The frontend is React + TypeScript, connected to a Node.js/Express backend with a Postgres database (Supabase) and Google OAuth. It pulls live market data from a financial API on a scheduled polling cycle, and lets users build a watchlist and set price alerts that evaluate automatically against incoming data. Frontend and backend are deployed independently across two cloud platforms.
This is a working product, not a mockup – real auth, a real database with row-level security, a real data pipeline, and genuine loading/empty/error states throughout.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Designed a dashboard concept for tracking net worth across every asset type — stocks, crypto, property, pensions, funds, cash, and liabilities — all in one place.
Instead of the usual pie chart or bar graph, the centerpiece is a dial: a single, glanceable gauge showing where your wealth actually sits. Behind it, a quiet grid of every asset category fades in and out of visibility, reinforcing that everything's accounted for even when it's not the focus.
Dark UI, a single confident green accent, and a lot of negative space — built to make a genuinely overwhelming task (seeing your entire financial picture at once) feel calm instead of cluttered.
wow the animation feels super smooth, what is this animation for?
Icon cards for me, bouquets are such a visual purchase that a scannable icon beats reading "small/medium/large" every time. Did the compact chips version convert worse in testing, or are you still gathering data on that?
What if a space brand didn’t just look futuristic — but felt like it was already living in the future?
For XPACE, the goal was to build a visual identity that could turn the idea of space exploration into a complete and immersive brand experience.
The identity combines a bold typographic system, a high-contrast visual language, and electric blue accents against deep black to create a futuristic presence that feels precise, technological, and unmistakably XPACE.
But the identity didn’t stop at the logo.
The system was extended across digital interfaces, web design, favicon and UI icons, access cards, board passes, and branded applications — creating a consistent experience across every touchpoint.
Every detail was designed to make XPACE feel less like a brand inspired by the future, and more like a brand built for it.
XPACE — Visual Identity System.
Looking to build a visual identity that goes beyond a logo?
Let’s create something with a world of its own.
The identity system feels cohesive because the typography, electric blue accents, and image language all push in the same direction. Extending that logic into interfaces and packaging is what makes XPACE feel like a real world, not just a futuristic logo.