Dino Directory
Responsive revamp of our most popular pages
![responsive dino directory](https://www.meline.co.uk/wp-content/uploads/2021/03/dinodirectory-responsive-1024x609.png)
Objectives
- creating multiple routes for exploration
- increasing comprehension
- providing meaningful onward journeys
- reducing bounce rate
![dinosaur scale sketches](https://www.meline.co.uk/wp-content/uploads/2021/03/dinodirectory-scale-978x1024.jpg)
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](https://www.meline.co.uk/wp-content/uploads/2021/03/sauropod-silhouette.png)
![large therapod scale silhouette next to human](https://www.meline.co.uk/wp-content/uploads/2021/03/large-therapod-silhouette.png)
![small therapod scale silhouette next to human](https://www.meline.co.uk/wp-content/uploads/2021/03/small-therapod-silhouette.png)
Finding new ways to search and filter
![](https://www.meline.co.uk/wp-content/uploads/2021/03/dinodirectory-search.jpg)
![mobile first dinodirectory sketches co-design](https://www.meline.co.uk/wp-content/uploads/2021/03/dinodirectory-content-hirarchy-mob-1.jpg)
![dino directory filter sentences](https://www.meline.co.uk/wp-content/uploads/2021/03/dinodirectory-search-filter-sentence-1024x197.jpg)
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](https://www.meline.co.uk/wp-content/uploads/2021/03/Mobile-triceratops-grid-top-397x1024.jpg)
![Gallimimus mobile grid mockup](https://www.meline.co.uk/wp-content/uploads/2021/03/Mobile-Gallimimus-grid-top-425x1024.jpg)
![Micropachycephalosaurus mobile grid mockup](https://www.meline.co.uk/wp-content/uploads/2021/03/Mobile-Micropachycephalosaurus-grid-top-394x1024.jpg)
![diplodocus mobile grid](https://www.meline.co.uk/wp-content/uploads/2021/03/Mobile-Diplodocus-grid-top-475x1024.jpg)
![diplodocus tablet grid mockup](https://www.meline.co.uk/wp-content/uploads/2021/03/Tablet-grid-457x1024.jpg)
![diplodocus desktop grid mockup](https://www.meline.co.uk/wp-content/uploads/2021/03/Desktop-dip-ill-grid-676x1024.jpg)