BILT Credit Card Website

A promotional website prototype designed to introduce users to the BILT Credit Card, the only card that earns rewards on rent and mortgage payments.

Screenshot of the final BILT Credit Card home page design
Role User Interface Designer
Tools Figma
Deliverables Project Proposal · Prototype
Duration 2 months

Overview

I designed an informational website prototype that teaches users about the BILT Credit Card while applying UI design principles.

The site explains how users can earn rewards on rent and mortgage payments, organized across five clear pages:

Home
Features
Comparison
Cards
Apply

Project Goals

My goal was to make the site feel clean, premium, readable, and easy to scan. Each design choice supports quick understanding instead of overwhelming the user.

Clean and modern
Luxury feel
Accessible
Easy to remember

Process

Project Proposal

I started with a project proposal that mapped specific UI principles to moments in the website. This helped guide the structure before designing the prototype.

Final Project Proposal View Project Proposal

User Interface Principles

Von Restorff Effect

When similar items are grouped together, the item that looks different is more likely to stand out and be remembered.

I used this in the benefits grid by highlighting the Earn on Rent card in gold. This makes BILT's most unique feature the first thing users notice.

Gold card
Styled differently from the other four cards to draw attention and be remembered
Benefit Cards
Chunking

Chunking breaks information into smaller groups so users can understand it without feeling overwhelmed.

I separated the card information across five pages and used smaller sections within each page. The earning process is shown as step cards so users can follow one idea at a time.

Step cards
Each step is its own card so users process one piece of information at a time
Process Steps
Fitts's Law

Fitts's Law explains that larger, closer targets are faster and easier for users to click.

I made the Apply Now button large and visually clear so users can find and click it quickly. It stays consistent across the site to reduce searching.

Large Apply Now button
Big target size means users can click it quickly without needing to be precise
Apply Now Button

Final Prototype

The final prototype is a five-page promotional website that takes users from learning the card benefits to comparing options and applying.

Final Prototype
View Final Prototype

Retrospective

This project showed me that design goes beyond aesthetics. Strong design also depends on structure, hierarchy, usability, and memory. The hardest part was applying several principles while keeping the site clean and premium. I learned that the best design decisions often feel natural because they effortlessly support the user.