Last week Nathan discussed the many aspects of the new Contemporary Analysis branding. This week, I’d like to go into some of the specifics as they relate to the website.

Since this is one of the most forward-facing points of contact for new business for Contemporary Analysis, easy and engaging interaction was a must. Because of our design of various usability elements – inviting colors to indicate what category you are exploring, several points where relevant and new content can be displayed on each page, etc. – analytics are already showing that visitors are viewing all sorts of content that had been previously ignored.

Regarding blog posts, the home page always features the latest blog post, but any number of featured blog posts can be randomly loaded into the next box. This allows the team at CAN to resurrect any major blog post from the past – and drive more views to it.

Contemporary Analysis websiteThe Contemporary Analysis homepage

Once a user is viewing an individual blog post, the site automatically finds a short list of relevant content to be featured next to the post. It is also possible for the author to manually set a more concise list instead. Along with this, the footer boxes transform into a list of categories, popular posts, and recent posts. Each post’s popularity is based on traffic it receives as well as comments on the article.

When searching or looking through the blog archive, you are presented with “promotions” for featured content. These “promotions” drop in at random to show the navigation to the service pages, provide a newsletter signup, promote CAN’s social media outlets, or feature any form of information from the site.

Another nifty feature is that the site is based entirely around the colored modules that contain the information. A great example of this modular thinking can be found when doing a general search on the site. You’ll find that each subtle style nuance between pages, posts, eBooks, and case studies is preserved when they are shown in a listing together.

On the face of all this programming are the beautiful and always sharp SVG elements. The colored shapes and sections all load in instantly and hold their resolution no matter the device or screen resolution. One of the most eye-catching elements is the array of gems at the top of the footer. This section not only works as a beautiful decorative element, but makes great sense for what CAN does. When the individual gems load in randomly, they essentially create patterns of data that your eye can detect. Have a look: refresh the page a couple times and see the beautiful randomness.


Go on, find some patterns; it’s new every time the page loads!

The site is a success all the way from its visual design right down to its underlying code, and the traffic numbers are showing promise so far. CAN came to us to get more broad traffic over their vast array of content, and the site visit analytics are already looking great. If you are interested in business data analysis, you should definitely give canworksmart.com a visit; it’s a wonderful experience.

View the project page for Contemporary Analysis.