Hexon Banking: 3D SaaS Website (Design + Framer Development) by Syed Abdullah Hexon Banking: 3D SaaS Website (Design + Framer Development) by Syed Abdullah

Hexon Banking: 3D SaaS Website (Design + Framer Development)

Syed Abdullah

Syed Abdullah

1 collaborator

Project Overview Goal: Engineer a visually immersive, trust building digital experience for "Hexon," a SaaS and Fintech concept inspired by industry leaders like Revolut. Role: End-to-End Product Design & Development (3D Modeling, UI/UX, Motion Design, Framer Development). Tools: Framer, Blender, AI Assisted "Vibe Coding."
The Brief Revolut set the standard for modern web experiences. My goal with Hexon was to reverse-engineer that quality from scratch, testing the limits of Framer designing and AI-assisted coding to build a site that rivals top tech companies.
How It Was Built A full-stack design project executed entirely from scratch:
3D & Motion: Custom modeling, simulation, and rendering in Blender.
Web Build: Advanced Framer development ensuring a fully responsive and adaptive layout.
Optimization: High quality video textures optimized for instant SaaS load times.
Key Features Bespoke 3D Assets: No stock elements. We modeled every asset and environment in Blender for photorealistic results.
React-Level Interactions: Used Vibe Coding to build complex, scroll-triggered animations faster than traditional dev teams.
Responsive & Fast: Despite heavy 3D visuals, the site is fully responsive across mobile and desktop, optimized for Framer to ensure zero lag.
Why This Matters for SaaS Static websites no longer convert. Users expect speed and immersion. This project demonstrates how we merge 3D web design with functional SaaS layouts to demonstrate product value instantly.
Services Showcase Framer Development: Converting designs into responsive, shipping sites.
3D Web Design: Integrating custom Blender assets into web interfaces.
SaaS Landing Pages: Optimized for SEO, speed, and conversion. View Live Website → https://hexonrestructured.framer.website Behind the Build 3D & Framer Implementation:
Framer Code Snippets
Logic implemented using Framer code overrides and AI-assisted Vibe Coding
Logic implemented using Framer code overrides and AI-assisted Vibe Coding
Final motion output driven by the Framer logic above

Blender Viewport Snippets

Disclaimer
This project is a conceptual design and development exploration and is not affiliated with revolut.com.
Like this project

Posted Jan 31, 2026

Inspired by Revolut, we built Hexon Banking. Using Blender for 3D assets & Framer to deliver a secure, responsive Fintech SaaS.