MRG.
Initializing Experience...
Case StudyFrontend2026
Interactive Neobank Simulator & 3D Card Tilt
Visual Identity & Corporate Landing Page UX
An interactive neobank web application featuring real-time balance calculations, 3D gyroscope card tilt physics, spending telemetry, and an instant transfer simulator.
Key Highlights
HTML5 · CSS3 · Custom preloader · Mesh Gradient
- Custom preloader spinner with animated SVG stroke layouts
- Theme provider switching styles seamlessly between dark and light modes
- Fluid animated gradient mesh background using raw CSS keyframes
- Accessible skip-links and clean navigation hamburger configurations
Tech Stack & Tools Used
HTML
CSS
JavaScript
Space Grotesk Font
01. Problem
Fintech platforms need high-quality branding to signal safety and financial competence.
02. Design
Utilized Space Grotesk and Inter fonts, balanced with sharp geometric SVG assets and corporate amber color palettes.
03. Build
Wrote semantic HTML5 code, responsive CSS custom variables, and lightweight JS scroll indicators.
04. Outcome
Shipped a visually appealing corporate showcase page.
Outcome
Built an elegant corporate branding page with fluid background grids.
Demonstrates end-to-end software execution, clean UI polish, and practical problem solving.