Life Insurance Needs Calculator

We looked at the existing life insurance calculators out there and found most of them long and difficult to complete, especially on a phone. So for LifeQuote, we built the input around range sliders instead of text fields, aimed squarely at mobile usability. A future version may combine both input styles for more flexibility.
Design process
The build followed a mobile-first approach:
- Colors pulled straight from the client's brand
- Consistent performance across device sizes
- Instant feedback as inputs change
- A polished, seamless UI
The goal was for someone to see the numbers change the moment they moved a slider, which keeps the experience responsive and keeps people engaged instead of losing them halfway through a form.

The calculator is live at lifequote.com.



