Fintech Concept website Concept
Trelvant
A concept website for an imagined payments app: a crisp, dark interface that shows the product working instead of describing it.
Concept Self-initiated design study, not a client project. Trelvant is a fictional brand we invented; any names, prices or figures inside the concept are made up for the design. Imagery generated for this concept study.
- Brand
- Fictional (concept study)
- Sector
- Fintech
- Our role
- Brand idea, design and development
- Try it
- Open the concept
(01)Overview
The brief, in short.
Trelvant is a fictional multi-currency payments app we invented to explore how a fintech landing page can demonstrate the product directly. A floating phone shows a demo balance, a live sparkline and ticking transactions, and visitors can try a currency swap preview and a bill splitter. All figures are demo data and the page says so.
Who it is for: People who spend, split and send money across currencies and want every fee shown before they tap.
(02)What the concept explores
Pages and features.
- Floating phone with live demo balance, canvas sparkline and ticking transactions
- 3D pointer-tilt card
- Swap preview with sample rates
- Bill split calculator
- Animated spending bars
- Monthly/yearly plan toggle
- FAQ accordion
- Responsive photography (generated for the concept) with scrims for legible text
(03)Responsive views
Desktop and phone.
The full concept page on desktop and phone. Hover or tab onto a screen to scroll through it.
(04)Design
Type and colour.
Crisp dark instrument-panel UI for an imagined multi-currency payments app.
- #0A0B0F
- #13151C
- #7CF5C4
- #8B7CFF
- #E8EAF0
(05)Details
Closer looks.
(06)Build notes
Under the hood.
- Hand-written HTML, CSS and JavaScript, no framework
- Canvas sparkline with demo data
- Pointer-tilt 3D card
- Swap preview, bill-split calculator and plan toggle
- Keyboard-accessible FAQ accordion
- Photography served as WebP with JPEG fallback, explicit sizes and lazy loading
Result
The concept is online here so you can try every interaction. It was made by Tarzi as a design study in October 2026; the brand does not exist and nothing in it can be bought or booked.
Start here
Want a site built this carefully?
Send a few lines about the business and what you want to change. We reply within one business day with questions or a suggested next step.