Dan Napoleoni
Frontend Developer

Melbourne, Australia

me, at a cafe, holding (not my) baby

BMW Finance Finder

The BMW Finance finder is an online showcase for BMW finance plans, centred around a five-question interactive survey that gathers data on the prospective customer's situation in order to provide a more tailored finance solution.

It was built, by me, using Vue.js & SCSS in the frontend, is hosted by AWS S3 and utilises the Amazon Simple Email Service to fire dynamically generated emails containing the user's selected finance plan, as well as firing off another email to the selected BMW Dealer containing the user's details and plan choice.

A screenshot of the BMW Finance finder Homepage, side-by-side on desktop and mobile

The survey part of it is all completely dynamic, scalable and configurable, to allow for future updates to the questions, results and business logic that defines the user's journey through the survey. It, as well as all of the content of the website, is built in simple JSON, and generated using a big ol' stack of interconnected Vue.js components.

This project was my first Vue.js microsite that was architected from scratch, and served as a great opportunity to hone my skills in Vue.js, as well as working with backend developers to learn a little more about the CI/CD, API requests, email generation and all of the other full-stack technologies and techniques that were used in the making of this microsite.

While it was quite challenging to take on a whole stack of technologies that I was familiar with (but not an expert at) at once and combine them all together with a complex system of dynamically generated content, logic and results - it was hugely rewarding to get some solid Vue.js experience and end up with a polished, robust product (and portfolio piece) that I can be proud of.

Click on the "View" link at the top of the page and give it a spin! I swear this is not at all one big elaborate ruse to get you to sign up for a BMW finance plan. Honest. Wiiiiiiiiink.