Executive Home Watch
Executive Home Watch, LLC is a family owned and operated business that not only lives by but believes in the core values of integrity, accountability, diligence, perseverance and discipline.
01. Approach
This project had a wide open canvas to start with as there was no logo or color choices made. The owner Ron didn't have a previous website as this was a startup business. Ron really wanted to have a professional website that gave users confidence in his ability to do the job. We wanted to get across trustworthiness and an attention to detail and cleanliness. If people are willing to have you in their home to look after it you need them to trust you so that was extremely important in this build. Having a contact form and pictures of the family to convey trust were imporant to Ron.
02. Design
We created the logo and the color scheme together. This input lead us to colors that were professional but not too bold so a little more muted and conservative. After looking at a variety of different sites to get an idea of project direction we decided that it was best to utilize bold headlines with the sans-serif font League Gothic. For the body we wanted to add a serif font so we went with Abobe Caslon Pro. Animations were created on scroll down to draw attention to different elements of the website without being overly distracting. We researched relevant keywords and built a site optimized for search. This included schema.org and JSON-LD markup along with HTML5 to guide search engines.
#4f758b
#daad76
#dcbed8
#ffffff
Adobe caslon pro
03. Technology
The Executive Homewatch 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 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 Normalize.css. We don't utilize templates so all coding was done by hand using the Brackets code editor. Ron is 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. 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 bogged down a little and averages about 2 seconds per page. CSS and javascript animation was created by using the following libraries Animate.css, Hover.css & T-scroll. Other code and libraries used include Modernizr, jQuery, Akismet and Google Analytics. Software utilized to create this project included Brackets, 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
