The knight Agency website is a redesign of the company website I worked for. The Knight Agency website is a custom-built theme using Understrap starter theme and with Advanced Custom Fields with a visual render for updating the website.
This goal of the Knight Agency website was to have an easy way for the anyone on the team to make updates to the website with minimal involvement from the developer. This website project was particularly fun because this was the first implementation of the custom backend builder and trying to plan out as many scenarios to build sections of the website that can be reused in multiple places.
The Knight Agency website beginning phases started with the lead UI Designer creating a website design using Adobe XD. For this website, I broke the website design into sections to build reusable sections that I would use for the custom backend. Typically, when using Advanced Custom Fields, the backend does not show a visual display of where you are editing. The Knight Agency website incorporates a visual renderer to display the reusable block to make it easy to edit.
The website design was all custom coded using WordPress functions, hooks, custom post types, taxonomies, PHP, CSS, and JavaScript. The custom CSS is built by using SASS where the code is compiled and minified to plain CSS and the custom JavaScript code is also complied and minified using task runners with Gulp.
