Brand new designs for CiteAb's data service pages

The brief

Improved Genetics.

CiteAb are well established and respected globally. Designing a new look meant creating a style that would rise to match CiteAb’s global status and elevate them further. CiteAb’s content is often rich in data, so we worked on improved accessibility and introduced content cards with a deeper colour saturation, clear typography and icons to give clarity to the topics, as well as providing a consistent style between both the search engine and the data service pages. For a complex business with lots to talk about, clarity and cleanliness was key.

CiteAb website design on tablet devices

Unique challenges

Splitting the nav.

Our brief required us to highlight CiteAb’s two main services: search engine and data services. To achieve this, we created two different navigation elements, allowing each service to stand proudly on its own, while keeping a clear path between the two. The data service side of the site was crucial to capturing the attention of a specific user group, so we came up with a solution that would not alienate the various users of the site.

CiteAb website design on mobile

Unique challenges

Evolving the framework.

We took the opportunity of a refresh to refactor our site styles in order to maintain consistency across the app as well as ensuring a smaller more optimised code base. With CiteAb’s search engine being so processing-heavy, we needed to ensure that any additional style choices we made would not be detrimental to the performance for users. We condensed the colour and typography palette down and where possible used svg elements for our icons, resulting in quick page speed. The site was also built with mobile in mind, ensuring users can have a great experience on the go.