Skip to content

Dino Directory

    Dino Directory

    Responsive revamp of our most popular pages 

    responsive dino directory

    Objectives

    • creating multiple routes for exploration
    • increasing comprehension
    • providing meaningful onward journeys
    • reducing bounce rate
    dinosaur scale sketches

    Giving context

    One of the most popular questions people have about dinosaurs is ‘how big were they?’.

    Working with developers to make conditional calculations to choose an appropriately positioned human, looking up, looking down and crouching, to scale against an appropriate dinosaur body-shape.

    sauropod scale silhouette next to human
    large therapod scale silhouette next to human
    small therapod scale silhouette next to human

    Finding new ways to search and filter

    mobile first dinodirectory sketches co-design
    dino directory filter sentences

    While the dino directory pages were some of the most popular pages on the site, often with 1st position in google searches for popular dinosaurs, they also had the highest bounce rate.

    To reduce bounce rate we wanted to use the metadata to return more relevant stories and by linking from the stats we allowed people to explore other similar dinosaurs. Into velociraptors? Find more small therapods or other carnivores, or dinosaurs who lived in the Late Cretaceous, or were found in Mongolia.

    New responsive grid

    Although it was one of the most popular areas of the site, it wasn’t included in the previous re-platforming project so with more than 60% traffic on mobile it was essential to make the dino directory responsive as well as an opportunity to try out a new responsive grid.

    triceratops mobile grid
    Gallimimus mobile grid mockup
    Micropachycephalosaurus mobile grid mockup
    diplodocus mobile grid
    diplodocus tablet grid mockup
    diplodocus desktop grid mockup

    Next: Trustnet ?