Loading ...

Vancouver-based creative agency Camp Pacific is comprised of explorers dedicated to finding ideas that make the biggest emotional impact. To expose its work in the tourism sector, Camp Pacific created a microsite that showcases a selection of its travel-related projects with a responsive menu and enhanced navigation system for multiple devices. The desktop version of the microsite features a vertical navigation menu on the side, enabling visitors to easily navigate the page sections; Waypoints detects which section of the site is currently visible and highlights the corresponding navigation element. On the mobile version, the vertical navigation menu is replaced by a mobile optimized menu and navigational sliders to fit the contents on small screen sizes.

Camp Pacific built its site in HTML5, CSS3 and JavaScript. HTML5 Canvas provides the site with grayscale effects on the background video, CSS3 and JavaScript were used to create slick animations and parallax functionality that gives the site its depth, and scalable vector graphics were used to create the text-masking animations.

travel.camppacific.com

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In