With our page structure in place and content planned, it was time to jump into the fun part – the design phase.
During the website design phase, we intentionally combined the brand typography, color palette, spacing, and imagery styles to tell the brand story in a visual way that would resonate with the 3 different audience groups.
KPFF wanted a website design that would stand out from the crowd of other engineering firm websites, so we introduced a unique scrolling pattern to the site. Instead of using the standard up and down (or vertical) scrolling design pattern, we laid things out so the site would move horizontally from right to left when scrolled. This fresh and modern design pattern symbolically embodies the innovative ideas KPFF brings to the table and makes their online presence different from all other engineering firm websites.
Once the design was locked in, we moved into development. Developing a horizontally scrolling website is easier said than done, but our programmers were up to the challenge and knocked it out of the park. Keeping in mind the website visitor’s experience on mobile devices, everything was programmed using responsive design. Clean custom code was written to follow best practices and in a way that makes it easy for search engines to read and index the content across the site for search engine optimization (SEO).
Everything was custom coded and integrated on top of the WordPress content management system (CMS), which is an extremely popular platform and completely secure when set up the right way. We programmed everything in the CMS to be easy for the KPFF marketing team to manage moving forward, and made pages with dynamic sections to allow for future flexibility as content was added to or removed from the site.