I changed the illustration library to a simpler layout, and streamlined the build process better.

Background

Earlier this year I built this catalog in an odd-width column layout with photos as placeholder images. Then as our team developed an illustration style guide, new assets came out not fitting the previous catalog layout very well. So I changed the layout to be simple grid with metadata overlay when hovered.

Odd width column layout

Odd width column layout

Simple grid layout

Simple grid layout

Improvements

  • Cleaner grid view
  • Responsive nav
  • Sticky search box

Live site

http://vsimages.azurewebsites.net