Visit Website

ZERO

Fintech Web Design & Development

Building a clean, modern site to showcase a smarter credit experience.

Scroll Down

Overview, Role & Responsibilities

ZERO is a concept for a digital first credit card that puts clarity, speed, and design first.

 My role focused on creating the web presence. I designed high level wireframes, developed the site in Framer, and brought the product story to life through layout, motion, and responsiveness. The goal was to communicate trust and simplicity without the clutter of traditional finance websites.

Tools & Technologies

Role

Web Designer & Framer Developer

Responsibilities

Created wireframes and high fidelity mockups
Designed all website sections in Figma
Developed the website in Framer using responsive layout
Built light and dark mode themes
Branding & Product Positioning

Project Focus

Instead of building a full product, this project focused on creating a professional web presence that reflects a modern credit experience.

Challenges included:

Designing a layout that’s clean but not boring
Communicating product value visually, not just with text
Making the site responsive and interactive across devices
Supporting both light and dark themes

Goals

Design a modern, scroll friendly landing page
Show feature highlights in a minimal, premium layout
Use motion to improve storytelling (not just for aesthetics)
Build it all in Framer, using responsive layout tools and components

Design Process

Started by outlining key sections and messaging structure.
Key Points:
- Analyzed Apple Card and Koho for layout and UX ideas
- Mapped a clean content flow from top (hero) to bottom (CTA)
- Focused on clarity and spacing to enhance scannability
Designed simple wireframes to block out core sections.
Key Points:
- Hero, key features, card previews, pricing, trust, FAQ, and CTA
- Ensured modular layout so each block could work alone or together
- Prioritized mobile structure first
Built clean, minimal UI that feels modern and premium.
Key Points:
- Used plenty of negative space, soft gradients, and smooth icons
- Created both dark and light mode variants
- Design icons, credit cards and graphic elements
Developed the full site using Framer with scroll effects and responsive behavior.
Key Points:
- Built adaptive layout for mobile, tablet, and desktop
- Added fade in animations and transitions for a smooth experience
- Set up sections as reusable Framer components