X

Project - Triple Cities Insurance Site

September 2020

Developed Using:

• HTML
• CSS
• JavaScript
• jQuery
• PHP
• MySQL
• WordPress

Project Description

Client required a website for their insurance-related business with a clean, and mobile-responsive site. The website was built for the WordPress platform for easier management, requiring little to no coding experience in order to maintain the site after initial deployment.

Multiple templates, optimized for mobile-responsiveness, were developed for the homepage, insurance pages, quote request page, and contact page.

Triple Cities' homepage consists of a Featured Slider and four sections. Each section is a custom post type that can be reordered in any custom display order (set by a site admin) and loaded to the homepage in the specified order. In the WordPress Admin Dashboard, additional sections can be created to add to the homepage, or existing sections can be removed.

At the top of the homepage, the Featured Slider provides brief summaries of up to eight pages and shows the corresponding main image to the pages included. Site admins can add, remove, or reorder the pages included in the slider through an easy-to-use drag & drop interface found on the WordPress Admin Dashboard.

Customer reviews are shown in the admin dashboard, and can be added, edited, or removed by the site admin. These reviews are dynamically loaded on the testimonial page on the front-end.

All contact information (address, phone, email, social media profiles, etc) can be changed in the admin dashboard. Like all other settings, this information is dynamically generated on the front pages through the use of custom shortcodes.

All forms found on the front-end are validated on submission to ensure appropriate data has been entered. Once data has been validated, an email message is sent to the company contacts (configured on the settings page) for further review. Any errors encountered while validating will prevent the form's submission until the site visitor corrects the data.

Finally, as with all client websites or applications, a full "How-to" document was included to help the client navigate through the back-end system. This helps to ensure clients can modify their website in the future if needed.

Project Objectives

• Mobile-responsive WordPress theme with a clean look and feel
• Site must include a homepage, pages for each type of insurance product offered, customer reviews, a form to request a quote, contact page, and an area directing clients where to make payments or file a claim
• Admin pages integrated into the WordPress Dashboard for easy management of website and contact settings
• Homepage uses custom post types to create, modify, and reorder the sections shown on the page
• Drag & Drop interface allows for selecting and reordering which pages are included in the Featured Slider
• Approved customer reviews are added through the admin dashboard individually, and loaded to the front end page
• All changeable settings in the admin dashboard are dynamically loaded to the relevant sections of the website when a page is loaded
• Form submissions are validated to ensure data submitted is appropriate and secure
• Once validated, forms send out corresponding notifications to the company contacts with all submitted details
• Custom shortcodes were created to include dynamic company information on new or existing pages, eliminating the need to change this information manually when adjusted in the settings