Create a premium, modern and responsive website homepage for a used-car finance business called "Loan4Wheels".
IMPORTANT:
Recreate the design in a premium editorial/minimal style. Do NOT create a generic banking website. The visual style should closely follow these specifications.
BRAND:
Name: Loan4Wheels
Tagline: Used Car Finance Made Simple
Business: Used-car finance/loan assistance
Primary locations: Mumbai & Pune
COLOR PALETTE:
Primary background: #F4EFE6
Secondary section background: #ECE5D6
Main text: #16130F
Secondary text: #3A342B
Muted text: #8A8275
Primary accent: #D4471F
Secondary accent: #E8A02F
Borders: rgba(22,19,15,0.10)
TYPOGRAPHY:
Use an elegant editorial serif font similar to Fraunces for large headings.
Use a clean modern sans-serif font similar to Inter for body text.
Use a monospace font similar to JetBrains Mono for small uppercase labels.
OVERALL DESIGN:
- Premium editorial / minimalist aesthetic
- Lots of whitespace
- Beige paper-like background
- Black typography
- Orange accent
- Thin borders
- Rounded pill-shaped buttons
- Subtle hover animations
- Smooth scrolling
- Fully responsive
- Mobile-first
- Do not use gradients
- Do not use excessive shadows
- Avoid generic corporate blue banking design
HEADER:
Create a fixed/sticky transparent beige navigation bar with subtle backdrop blur.
Left:
Circular logo mark containing "L4W"
Next to it:
Loan4Wheels
Small tagline:
USED CAR FINANCE MADE SIMPLE
Navigation:
Services
Why Us
How It Works
FAQs
Contact
Right:
CHECK ELIGIBILITY ↗
On mobile:
Show a circular MENU button and responsive mobile navigation.
HERO SECTION:
Create a two-column hero section.
LEFT SIDE:
Small label:
● SERVING MUMBAI & PUNE INITIALLY
Large editorial headline:
Get the Right Finance for Your
Used Car.
Make "Used Car." orange and italic.
Supporting text:
Explore used-car finance options for Purchase, Balance Transfer, Top-Up and Refinance with Loan4Wheels.
Add italic serif statement:
Don't start with the lender. Start with your requirement.
Buttons:
CHECK ELIGIBILITY ↗
TALK TO AN EXPERT →
Small disclaimer:
Checking eligibility begins an enquiry and does not guarantee loan approval. Final decisions are made by the applicable lender.
RIGHT SIDE:
Create a large circular "finance wheel" visual.
Use a dark black circular center with:
YOUR NEED
COMES FIRST
Surround it with thin circular orbit lines.
Around the circle place four pill labels:
Purchase Finance
Balance Transfer
Top-Up
Refinance
Add subtle floating animation to the central wheel.
MARQUEE:
Immediately below the hero create a horizontal scrolling marquee with thin top and bottom borders.
Text:
Your Car. Your Loan. Your Way.
✦
Requirement First
✦
Used Car Finance Made Simple
✦
Mumbai · Pune
✦
Make the animation subtle and pause on hover.
INTRODUCTION SECTION:
Create a spacious two-column editorial section.
Small label:
THE FAMILIAR STARTING POINT
Heading:
Your bank may be familiar.
Your requirement is individual.
Make "individual." italic.
Large supporting statement:
When you need a car loan, your first thought is usually the bank you already know.
Then two text columns:
But your vehicle, finance need and profile may not always match that lender's criteria. That can lead to confusion, unnecessary follow-ups and lost time.
Loan4Wheels starts differently. We understand your situation first, then help you explore financing possibilities that may be applicable—because finance should fit your requirement, not the other way around.
SERVICES SECTION:
Use the secondary beige background.
Section label:
FINANCE OPTIONS
Large heading:
Start with what you need.
Supporting text:
You do not need to know the financial terminology. Tell us your situation and we will help you understand the relevant enquiry route.
Create four premium service rows with thin top borders.
01
USED CAR PURCHASE
"I found a used car and need finance to purchase it."
Highlight:
Funding up to 90%*
Description:
Loan4Wheels helps you start a used-car finance enquiry by understanding the vehicle, purchase value, required amount and your profile.
02
BALANCE TRANSFER
"I already have a car loan and want to explore transferring my existing financing."
Highlight:
Funding up to 180%*
Description:
Explore whether transferring an existing vehicle loan may be applicable. Availability and terms depend on your loan history, vehicle and lender assessment.
03
REFINANCE
"I own a vehicle and want to explore refinance options."
Description:
Explore applicable refinance possibilities based on your vehicle, existing financing and profile.
04
TOP-UP
"I already have a vehicle loan and need additional funds."
Description:
Explore whether additional funding may be applicable against an existing vehicle loan, subject to lender assessment.
Add disclaimer below:
*Funding is subject to lender eligibility, vehicle valuation, customer profile, verification and applicable lender terms. Approval is not guaranteed.
WHY LOAN4WHEELS:
Create four interactive cards:
01
REQUIREMENT FIRST
We understand your requirement before exploring financing possibilities.
02
MULTIPLE FINANCE OPTIONS
Purchase, Refinance, Balance Transfer and Top-Up.
03
SIMPLE PROCESS
A straightforward enquiry and documentation journey.
04
TRANSPARENT COMMUNICATION
Clear information throughout the enquiry process.
Cards should have thin borders and subtle hover effect:
On hover background becomes dark #16130F and text becomes beige #F4EFE6.
HOW IT WORKS:
Create a vertical editorial timeline.
01
Tell Us Your Requirement
02
Share Basic Details
03
Explore Applicable Finance Options
04
Proceed With The Lender
Use orange circular dots connected with a thin vertical line.
ELIGIBILITY FORM:
Create a premium beige form panel on a dark background.
Heading:
Check Your Eligibility
Subtitle:
Tell us about your requirement and our team will get in touch.
Fields:
Full Name *
Mobile Number *
City *
Loan Purpose *
Loan Amount *
Employment Type *
Preferred Contact Time
Loan Purpose options:
Used Car Purchase
Refinance
Balance Transfer
Top-Up
Loan Amount options:
₹2–5 Lakh
₹5–10 Lakh
₹10–15 Lakh
₹15 Lakh+
Employment:
Salaried
Self-employed / Business
Professional
Other
Primary submit button:
CHECK ELIGIBILITY ↗
Below form:
By submitting this form, you agree to be contacted regarding your enquiry. Submission does not guarantee loan approval.
FAQ SECTION:
Create an accordion FAQ.
Questions:
Can I get finance for a used car?
How much funding can I explore?
Can I transfer my existing car loan?
Can I get a top-up on my existing car loan?
What documents are generally required?
Is loan approval guaranteed?
Answer for approval question:
Loan approval is subject to lender eligibility, verification, vehicle assessment and applicable terms. Loan4Wheels does not guarantee loan approval.
CONTACT SECTION:
Heading:
Let's start with your requirement.
Buttons:
CHECK ELIGIBILITY ↗
WHATSAPP US
Add phone and email placeholders.
WHATSAPP:
Create a fixed circular orange WhatsApp button at the bottom-right corner.
FOOTER:
Dark #16130F background.
Show:
L4W
Loan4Wheels
Used Car Finance Made Simple
Services:
Used Car Purchase
Refinance
Balance Transfer
Top-Up
Quick Links:
About Us
How It Works
FAQs
Contact
Privacy Policy
Terms & Conditions
Location:
Mumbai | Pune
Copyright:
© 2026 Loan4Wheels
RESPONSIVE REQUIREMENTS:
Desktop:
Use a wide 1200–1440px content container.
Tablet:
Reduce spacing and typography proportionally.
Mobile:
Single-column layout.
Hero headline should remain large but fit naturally.
Finance wheel should become smaller.
Navigation becomes mobile menu.
Service rows become stacked cards.
Form fields become full width.
Buttons should be touch-friendly.
No horizontal scrolling.
ANIMATION:
Use subtle:
- fade-up reveal animations
- hover underline navigation
- button lift on hover
- floating finance wheel
- smooth marquee
- FAQ accordion
- smooth scrolling
PERFORMANCE:
Keep animations lightweight.
Respect prefers-reduced-motion.
Do not use external JavaScript libraries unless necessary.
Keep the website fast on mobile.
SEO:
Page title:
Loan4Wheels — Used Car Finance Made Simple
Meta description:
Loan4Wheels helps customers in Mumbai and Pune explore used-car finance possibilities including purchase finance, refinance, balance transfer and top-up.
Make all buttons and navigation links functional.
Use semantic HTML.
Use accessible labels and proper heading hierarchy.