When we first talked to John about creating a new website to highlight his customer experience consulting business, we were full of ideas… So many so that it was tough to narrow them down. His project was also really exciting to work on because he had actually already been in business for over 10 years — all without a website. So it was very cool to start from a fresh slate and be the ones to bring his website presence to life!
After receiving John’s design questionnaire and going through a ton of inspiration with him, we were excited to get started. Based off our conversations, we knew we wanted to focus on the following:
Utilize a dark background to stand out among competition
Highlight the various companies he’s worked with in the past and the case studies he had
Integrate various statistics and facts out customer experience (CX) design throughout the site
Integrate a scheduling app for consultation calls
Utilize micro-scroll animations to provide a visual element with the site’s graphics
We used the homepage as a central location to house his most important information. The basics on the various services he offers, important statistics to support his work, and then highlighting his best case studies and biggest clients. All with strategic call-to-actions throughout.
One of our favorite elements of this site is the homepage banner. We custom coded a typing animation which looks like someone is typing in real-time to highlight the various ways CX design (and ultimately John) can help companies. That feature, paired with the copy and the micro-scroll animations of the icons and logos, we think the homepage provides visitors with an engaging and informative experience that encourages them to continue on to learn more.
We continued the use of header text on the left and used alternating background colors throughout the site to break up various sections on each page. We also continued to utilize a stats grid to highlight the facts behind his work as well as other graphics he already had (recreated to fit his new branding and the website).
Along with the various statistics and case studies, John also wanted to highlight testimonials from various clients. We ended up utilizing these on the Services page to coincide with the corresponding service to highlight the value John’s work provided their brand.
We also added an Our Approach section to this page. This provides more information on the structure of CX design so brands can more easily envision how it will help their particular company.
John has worked with some majorrrr brands so we wanted to highlight more than the few we had on the homepage so we started the Our Work page by highlighting his biggest past clients. Right below that, we popped right into the case studies. We set the case studies up to mimic the homepage case studies to keep everything consistent as well.
To avoid adding more text to the page and overwhelming visitors, we decided to keep the case studies simple and streamlined and had the actual information appear in a pop-up. This way, visitors can scroll through the projects and get a good overview of the work he has done and then if they want more info it will pop up right there. We put the brand and the service that were provided on the image card and then when a user clicks the learn more button, a popup appears with the details of the case study as well as a link to schedule a call if desired.
And there you have it! A simple professional services site that really packs a punch with some custom coded features and graphic elements! We’re thrilled with how it turned out and can’t wait to see the other brands John works with in the future!