A simple one-pager to show users when they can afford an average London deposit and offer advice.
HTML 15.75%JavaScript 84.25%
when-can-i-buy-a-house's Introduction
When can I buy a house?
A simple one-pager to show users when they can afford an average London deposit and offer advice to help get on the property ladder sooner.
Objectives
Use real-world figures for average deposit sizes, the rate at which they grow, and inflation, in order to shock visitors into taking saving and investing their money seriously. If they don't think about saving for a deposit seriously until they want to buy a house (say, in their mid-30s) it could already be too late.
Communicate that the earlier you start thinking about these things and acting on them, the more likely it is that you'll be able to buy a house within a reasonable time frame.
Establish basic building blocks of financial planning, such as budgeting, 'growing the gap', and passive investments, with links to resources - as well as questioning whether homeownership is really the best idea.
Requirements
Accepts user input about their existing savings, regular monthly savings, and interest rates, and returns a results page with helpful links based on the amounts provided.
If users already have enough money for a deposit, shows a selection of articles covering topics including whether it's a good idea to buy a home, the best places to buy a home, shared ownership schemes, and so on.
If users don't have enough money but are saving/investing enough, it tells them when they'll be able to afford a deposit, and recommends some ways that could make that sooner (looking at shared ownership, investing money better, saving more through budgeting).
If users don't have enough money and aren't saving/investing enough, sends links to websites about budgeting, finding better jobs, and so on.
Allows users to share their results on social media.
Add pages (About, Resources, etc) to add further information.
Add a disclaimer noting that future projections are not guaranteed to be accurate and that the website is intended to promote long-term thinking about personal finance.
Add a header linking to About/Resources/etc and a footer with 'Steve Hopkinson 2016'.
Improvements
Centre content vertically within page.
Edit graph so that, if the two lines do cross over, the graph only shows one year past that point.
Refactor to remove jQuery and Bootstrap.
Add adaptive design so that page displays properly on mobile as well as desktop.
Remove dependence on chart.js and write new chart-drawing implementation using SVG rather than canvas.