Complete Care Air
Scott and Erica Laatsch started Complete Care Air from the ground up. Scott has been in the HVAC contracting business a vast majority of his life as his family owned an HVAC business in Wisconsin growing up. Keeping cool in SWFL can be a very tough thing to do considering the heat and the humidity that SWFL is known for. They take great pride in providing the highest quality work for a reasonable price. Scott and his team are highly proficient in all areas of heating, ventilation and air conditioning so if you live in southwest Florida and you are in need of quality technicians this should be your first call.
01. Approach
This project had a few wants but for the most part I was left to my own to design and develop the website. Erica had previously published her site with me and she really liked the site but it was built on older technology that was slowing down the site and it wasn't responsive. Erica, loves the logo and the combination of dark colors along with pink for a pop of color. We kept this branding which was already on her business cards and the wrap on her business vehicles. The most important thing for the layout was that it needed to be easy for users to move around and book an appointment.
02. Design
Erica already had a logo that she loved and she loved the color scheme that accompanied the logo. So we made here 2 colors the focal point of the site because color was very important on this build. We also used variations of the main colors by using a site called Paletton to extend our color palette. Modern was another feel that we wanted to get across so we used sans-serif fonts for both the head and the body of the site. We used Rubik for headers and menu. We used Bebas Neue for the body of the pages. One of main challenges was the angled logo and how we could incorporate this into the site without it throwing off the layou. However after deliberating we came up with a way to keep the angle without making the user experience cumbersome.
#e68286
#efefef
#393838
Bebas Neue
Rubik
03. Technology
The Complete Care Air project is a totally responsive design based on CSS Grid Layout with a Flexbox fallback. That means the project is not reliant on an outside library of code like Bootstrap to be fully responsive. The starting point was HTML5 Boilerplate to make sure the project was utilizing current best practices and most browser based styling was reset using Reset.css. We don't utilize templates so all coding was done by hand using the VS Code editor. Erica and Scott are also able to add blog articles, maintain the verbiage and images on the site by utlizing Perch as the content management system. Every page in the project was validated and confirmed to be W3C compliant with the exception of Cloudflare plugins for speed and Alpine JS for menu responsiveness. All css files are modular in nature so Gulp was used to combine and condense all CSS files in the final project build in order to make the page load speed better. The final page load speed is approximately 2 seconds. However the speed is lower due to some additional review scripting that is added to the page which bogs down the final load speed. Animation was created by using the following libraries Animate.css, Hover.css & T-Scroll.css. Other code and libraries used include Modernizr, AlpineJS, Akismet, Tinify and Google Analytics. Software utilized to create this project included VS Code Editor, Photoshop, Perch CMS, VectorMagic.com and CompressPNG.com.
The coding and software skills used by Colorado SEO Design to make this project take off included:
- Photoshop
- PHP
- HTML5
- CSS3
- Javascript
- JSON
- Schema.org markup
