Sackville’s Tantramar Veterinary Hospital has relaunched their website for 2014 with a new look, a new responsive layout, and mobile-friendly navigation. Behind the scenes, a new content-management system makes the site easier for their team to maintain, and carefully-selected typefaces polish up the experience with friendly, easy-to-read copy.

The desktop layout with masthead, navigation, keyword search, and sidebar.

The tablet layout has the same elements, but scaled to fit the smaller screen, in either orientation.

The smartphone layout, like the tablet layout, scales all content to fit the smaller screen, but also collapses the navigation into a so-called hamburger menu (top right) and moves the sidebar out of the way, so the primary content gets the attention it deserves.