Better.com
2018
Solar Mortgage
The Project
To pitch a partnership between Better Mortgage and Tesla Solar Roof, I was asked to design and build this landing page with an interactive calculator.
My Contribution
Starting from a rough wire-frame and a basic calculator, I crafted the page, adding few animation triggering on scroll. To make the calculator engaging, we enhnaced it with an interactive animated roof. The page was very liked and help the two company reach an agreement on the ongoing partnership.
Role
- UI Design
- Frontend Development
Technologies
- HTML5
- CSS3
- CSS Animations
- Vanilla JS
- SUIT
- SCSS
Credits
- Alastair HallidayDesign Director
- Spencer BrownFrontend Development
Roof cost calculator
Detail
The larger your Solar Roof, the more you save
See how much you can save with a Solar MortgageTM compared to
Electricity
Energy Production per Year: 5812.50 kWh
Average 30 year inflation $0.23
Avg Monthly Electricity Income $113.37
Borrower
Roof Cost: $24750
Old Mortgage Total: $489888
Old Monthly Payment: $1785.43
Solar Mortgage Total: $514638
Solar Monthly Payment: $1913.18
Net Difference: $127.75
Retail Monthly Payment: $464.43
Savings
Tax Credits per month: $618.75
Monthly Net Cost In Year 1 (includes Solar Tax Credit): $-604.37
Monthly Net Cost After Year 1: $14.38
Year Net Cost In Year 1 (includes Solar Tax Credit): $-7252
Year Net Cost After Year 1: $5006
Total Cost to Consumer over 30 years: $-2246.594732043005
Total Monthly Cost to Consumer over 30 years: $-6.24
Oppurtunity Cost
Annualized Savings: $1608.75
Total Savings: $48262.5
Net Financing vs Cashout: $-50509.094732043006
$227—/ month
average retail loanYou can only get this size of roof with Better
-$6/ month
solar mortgage
Exploding house
Detail
$
0
Solar Roof
$500,000
Home value
$
0
Home value with a Solar MortgageTM
Sun timeline
Detail
See how it works
- 1
Get pre-approved at Better.com
In 3 minutes - 2
Complete a fully digital financing process
- 3
Tesla begins roof installation after your application is approved
- 4
After closing, Better pays Tesla directly
- 5
Enjoy your Solar Roof and Solar MortgageTM savings
- 6Bonus
You can use up to 30% of the Solar Roof cost as an Investment Tax Credit the following year.
Landing page
Mobile
Still have time?
Check these other related projects