Celebrating 15 Years of Doing Good with Data, Periscopic launched a new responsive website highlighting the impact of the work done during its storied history as an industry leading data visualization firm.
Periscopic wanted to elevate its ethos, Do Good with Data. The company’s value proposition is, “our work does good and creates impact”. The first goal was to call attention to how the work has made an impact in the world.
The experience had to be intuitive and easy to navigate, and work well for both mobile and desktop visitors. Visitor statistics from the previous website showed 81% of visits were desktop and the other 19% tablet and mobile. Desktop and tablet users spent about twice as much time as mobile users browsing the site.
Impact statements were created for each project. They helped show impact on an individual level and as a collection highlighted breadth and depth in social, political and environmental areas.
This approach helped elevate outcomes of the work over its “look and feel”.
Projects were categorized into impact areas, allowing visitors to quickly see work done in their field or areas of interest. This helped make the work easy to navigate and highlighted the wide range of subject matter and industry specific experience.
We reduced and combined content areas into 3 primary sections (from 5), a landing page, a project page, and a company page. This resulted in a top level navigation with two tabs and a home icon. Persistent jump-to-links allowed navigation of sections within interior pages.
Project cards link to project detail pages and are sortable by impact area. They feature the project impact statement and an artistically cropped project thumbnail image. The decision to leave the project and client name off the card, and use imagery as a textural element was part of the strategy to lead with impact and let the work speak for itself.
1. Buttons allow easy navigation to the next or past project without returning to the impact cards view.
2. Every page ends with categorically similar projects or articles, encouraging further exploration.
A clean and high contrast and limited color palette and lots of white space was used across the experience to create visual continuity, indicate UI elements and segment content. Roboto was used to create strong, and high contrast statements about the impact of the work.
One of the goals was to engage and delight visitors. We relied on motion as a way to keep users engaged, transition them between experiences, and highlight navigation.
Watch the following video to see some examples.
Developed by Periscopic