Digital agency Viget (opens in new tab) is known for pushing the envelope in its designs, and its site for Dick's Sporting Goods' Gear (opens in new tab) in Action campaign certainly lives up to expectations.
"The product assignment was to develop a shoppable and shareable lookbook to highlight new baseball products for the 2014 season," says co-founder and CEO Brian Williams.
The lookbook displays products in an engaging, scene-driven format that allows visitors to easily discover, share and make purchases.
"We used vector assets whenever possible," says frontend developer Chris Manning. "This allowed us to create SVG images that scale well, save on file size, and move commonly used icons to web font files to improve page load times."
Frontend developer Doug Avery stressed the challenges of creating such a unique experience: "CSS transforms were used as a way of scaling the video to solve the issue of overwhelming computer capacity."
The result is a beautiful blend of smart UX, engaging storytelling and beautiful film. What more could you ask for?
Words: Brian Hoff
Brian is the founder and creative director of Brian Hoff Design, a Philadelphia-based boutique digital agency creating web and mobile platforms and products. Follow him on Twitter at @behoff (opens in new tab).
Like this? Read these!
- The best free script fonts (opens in new tab)
- Free graffiti font (opens in new tab) selection
- 50 great parallax scrolling websites (opens in new tab)
- Why your website needs a landing page (opens in new tab)
Have you seen any amazing new sites or portfolios? Let us know in the Comments!