Deluxe Waterproofing & Caulking, Inc.
Deluxe Waterproofing & Caulking, Inc. offers services in waterproofing, mold remediation, and building maintenance to the largest Contractors, and Property Managers in the country. They are a reliable service provider with over 70 years of experience serving the South Florida areas of Miami-Dade, Broward, and Palm Beach counties. Deluxe Waterproofing takes immense pride in ensuring the safety and value of their client’s homes and businesses with the finest waterproofing services.
Goal
The client was looking to create a landing page on their already existing WordPress website advertising their waterproofing services directly to commercial businesses. The marketing and design teams worked together to create a landing page with an interactive feature for customers to submit their business address to receive a free roof estimate.
My Role
UI Development
API Integration
Agency
561 Media
Completed
2021
Technology
JavaScript
Google Maps API
PHP
WordPress
Map Feature
I was tasked with building the HTML & CSS for the landing page, integrating the submission form through a WordPress plugin, and writing the Javascript code to grab the address and plot the coordinates onto the map utilizing Google Maps API.
How It Works:
The user enters their complete street address into the Business Address
The Google map is displayed to the right of the form inputs. The map drops a pin a roof the entered address.
If the map pin is not on the correct roof, the user has the option to either drag or click on the correct rooftop.
Once a new roof has been selected, the map will move and re-center on the new position. The address in the input field will also update displaying the new address.
When the user hits Submit, all the form information will be sent to the Deluxe Waterproofings inbox. The submission is also logged into the dashboard of WordPress.
