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

Landing page

Desktop

Roof cost calculator

Detail

The larger your Solar Roof, the more you save

Roof Size
1500 sq ft
Roof Coverage
50%

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

Loan cost
$464/mo
$128/mo
Value of energy
-$113/mo
-$113/mo
Tax credit (monthly)
-$124/mo
-$21/mo
Tax credit
-$7,425
-$7,425
Loan duration
5 year term
30 year term
Net monthly
$227/mo
-$6/mo
Interest rate
12%
4.375%
Loan duration
5 year term
30 year term

$50,509
saved

Roof savings
-$48,263
Lifetime cost of Solar Mortgage
-$2,247
Total
-$50,509

Exploding house

Detail

Solar RoofHomeSolar RoofCimney
$
0
Solar Roof
$500,000
Home value
$
0
Home value with a Solar MortgageTM

Sun timeline

Detail

See how it works

  1. 1

    Get pre-approved at Better.com

    In 3 minutes
  2. 2

    Complete a fully digital financing process

  3. 3

    Tesla begins roof installation after your application is approved

  4. 4

    After closing, Better pays Tesla directly

  5. 5

    Enjoy your Solar Roof and Solar MortgageTM savings

  6. 6
    Bonus

    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