Print’s charming, but a website works wonders
Adelco case study
The Brief
Adelco approached us with the requirement of giving their existing website a simple facelift, but after running a requirements workshop it became clear that Adelco required much more than this. We identified five key areas for improvement:
Improve product engagement
Product pages should be more detailed, consistent & engaging.
More calls to action
More repeated calls to action to contact across the site.
Demonstrate global presence
Showcase the worldwide presence of the company.
Look after distributors
Provide easy distributor access to restricted resources.
Crank the dial
Increase website traffic, improve performance and SEO.
Designing in storybook
One of the key design requirements for this new website was consistency and as such this became our first ever in-house project to use a pattern library known as storybook which embraces the atomic design principles of now-infamous designer Brad Frost.
Storybook is like an online style guide or branding document, which informs the design of larger components of a website. Atomic design breaks design up into atoms (text, buttons etc.), molecules (widgets, menus etc.), organisms (site header, site sections etc.), layouts (news pages, case studies etc.) & pages (examples of actual live pages).
Information architecture
Information architecture is one of the most important, yet often neglected aspects of creating a website. We always begin by architecting how various pages, content types, media types and entities might map together so we can plan for those relationships and ensure good URL practices when building out a site.
The previous Adelco website's architecture had been neglected, and the URLs were in disarray which we suspected was harming the website's SEO. By beginning with a solid foundation we were able to ensure that the new website would be easy to navigate, have increased cross-linking and interactivity and better search engine ranking.
9 weeksfrom brief to launch
369%increase in traffic compared to the previous month
90%performance score in Google Lighthouse
100%accessibility score in Google Lighthouse
100%best practices score in Google Lighthouse
100%SEO score in Google Lighthouse
Building the solution with Drupal
Adelco were interested to understand why we recommended Drupal over the WordPress solution they had grown accustomed to. The website editors had become familiar with the process of updating content in WordPress and had heard that Drupal was significantly harder to use.
This is a common misconception with Drupal. When people talk about Drupal being more difficult to use they are referring to Drupal as a development platform, which is significantly more complex than WordPress, but with that complexity comes drastically increased possibilities.
From a site editor's perspective, we believe that Drupal is actually easier to navigate than WordPress, and this belief is backed up the testimonials we've received from our clients, including Adelco.
Performance, accessibility, SEO and best practices
Of course, all websites should be performant, accessible and SEO optimised, but it's become increasingly important as technology develops. Page speed is now a significant ranking factor for Google, especially for mobile so it's more critical than ever before.
Luckily Google has provided a website audit system called Lighthouse which is significantly more efficient and useful than its predecessor known as Google Page Speed Insights. Lighthouse measures your performance across 4 (or 5 if you're building progressive web apps) metrics. These are performance, accessibility, best practices and SEO.
We used Lighthouse to identify areas for improvement whilst in development and post-launch. The results speak for themselves. Adelco's new website consistently scores above 90 for all metrics and scores a flawless 100 for accessibility and SEO on every page. This is almost certainly the most compliant, SEO optimised, accessible and performant website we've released to date.
Launch and continuous development with platform.sh
Another issue Adelco faced throughout development was tracking down who was in control of certain parts of the infrastructure of their existing website. We promised to make life simple for Adelco and to put them back in control. We did this by setting up a new hosting provider and DNS provider for them and then transferring the ownership back to Adelco once we were done.
Something that makes us unique as a web company is that when we launch your website, we make sure you own or control everything so if you ever decide to seek assistance elsewhere, you're free to do so.
In summary
When Adelco approached us they were keen to understand why they should move to Drupal for their content management, and what we did that was different from other web companies they were talking to. Once we'd walked Adelco through our process of understanding the requirements of their business and translating that into value for their end clients, they were confident we could build the right solution for them.
Through solid information architecture, well thought out design and improved usability for both editors and end users we delivered on the key areas of improvement we highlighted and delivered a slick, future-proof website that Adelco are extremely pleased with. We hope to continue working with Adelco in the future to develop further functionality on the back-end to aid their engineers, sales team and distributors alike.
Because print's charming... but a Drupal website works wonders!
Adelco's website is hosted on Platform.sh
Adelco chose Platform.sh as their hosting partner due to their reputation for faster deployment workflows and security and compliance credentials.
Platform.sh are compliant with PCI Level 1, GDPR, HIPAA, SOC 2 - Type 2, WCAG 2.1 AA, TX-RAMP, CCPA, PIPEDA, APP, BDSG, and FERPA.