●● Website
Orbit
A calm website for Orbit, a digital banking app, designed and built in Framer with a live currency converter and an interactive card.
Visit live site
↗
Role
UI/UX design, Framer development
Type
Website
Tools
Framer, React
Platform
Web, desktop to mobile
Orbit is a digital banking product: one account for spending, saving and sending money worldwide, opened in minutes from a phone. The website had to make money feel calm from the first screen and lead visitors from a first look to an open account in a few clear steps.
Banking websites tend to feel either cold and corporate or loud and salesy. Orbit needed to earn trust quickly, explain everyday features like spending insights, savings and transfers without jargon, and make security feel reassuring rather than alarming.
01
Structure
I shaped the home page around the questions people ask before trusting a bank: what it does, who it suits, how money moves abroad and how it stays safe. Login, account opening, about, careers, press, support, status and legal pages complete the site.
02
Design system
A white and soft grey canvas, Geist and Geist Mono, deep ink text and one blue accent. Colour and type styles feed reusable components for the navigation, buttons and feature rows, so every page stays consistent.
03
Interactions
Two custom code components carry the product feel: a currency converter that fetches live mid market rates for 12 currencies, and a 3D card that tilts with the pointer. Both respect reduced motion settings.
04
Build
Built in Framer for desktop, tablet and phone, with CMS collections for open roles, press and services, and published live.
●● ( 04 ) Approach
A quiet white and soft grey canvas, Geist type and a single blue accent keep attention on the product. The hero shows the app itself: a balance, today’s payments and a card. Features are told through small, realistic interface moments, and a working currency converter lets visitors try an exchange before they sign up.
9
Pages designed and built
3
CMS collections
2
Custom code components
UI design for 9 pages
Design system and 4 components
3 CMS collections
Live currency converter
Interactive 3D card
Desktop, tablet and phone layouts
●● ( 06 ) Outcome
A 9 page Framer site covering the product, stories, exchange and security, with login, account opening, about, careers, press, support, status and legal pages, three CMS collections and two custom code components, designed for desktop, tablet and phone.
●● Next case
Ninja Runner
→
2D action game · Unity