Article in Under the Hood category.

Our Top Sites For Design Inspiration

Fueled Creative Director Rob Palmer sends out a weekly roundup of the best sites out there now, based on design and meant to entertain and…

Every week at Fueled, our London-based Creative Director, Rob Palmer, shares a handful of inspirational websites with our teams in New York, Los Angeles, and Chicago. This weekly email acts as a virtual water cooler, encouraging us to congregate across time zones and discuss what brands and blogs are doing to push new trends in web design.

B&O Play | Products

Screen Shot 2016-05-25 at 4.49.17 PM

B&O’s website provides a sleek look to their new portable bluetooth speaker. The overall feel to the site is simple and straightforward with a soft, matted color scheme. A number of subtle features bring the website to life: a cinemagraph just below the fold, the parallax effect, and specific movements on hover. When scrolling your mouse over the image of the speaker, large circles ripple out toward the edges of the screen - making you think of the vibrating sound from a music. The round speaker at the center of the page is even reminiscent of a pebble that creates small ripples when dropped into a body of water. When hovering over more photos of the product, the image zooms in, bringing the viewer closer to the screen as the object comes to life.

B&O Play | Products

National Geographic | Yellowstone National Park

Screen Shot 2016-05-25 at 4.36.26 PM

National Geographic takes a deeper look at a bear’s-eye-view of Yellowstone National Park by attaching video cameras to the animal’s collars. Aside from the awesome raw footage, this website has a number of impressive features that add to its web design. The navigation of the site is built around a map of the park: as you scroll up with your mouse, a bright yellow line moves along the trail to mark your progress. Along the left side of the screen is a thick yellow bar representing how far you’ve gone, and how much distances you have left to go. Movements and transitions on the site are smooth and fluid, and they alternate between dark and light backgrounds. When scrolling quickly, the dark/light alteration moves so fast that it feels as though the page is blinking its eyes. This emphasizes the idea that we are truly living the experience from the bear’s point of view - making it one to definitely never forget.

National Geographic

Bundy

Screen Shot 2016-05-25 at 4.36.35 PM

Immediately greeted by a high-fashion cinemagraph, Bundy’s web design takes on a cool, chic look. The style of the site is slightly geometric with block-y design, and the transitions between pages are linear in movement. Impressive high definition photographs fill the background of each page, and small added features also make the design special and unique. A faded black block appears over each photograph when hovering your mouse, the way a screen or a shade would block your face from the sun. In this way, the people in the photographs are brought to life. The overall feel of the site is sleek and elegant in its web design.

Bundy

Cavalier Challenge

Screen Shot 2016-05-25 at 4.36.46 PM

The Cavalier Challenge site has outstanding features that make it authentic and innovative. The homepage is colored a deep purple, immediately depicting a sense of royalty, and a dark shadowy video plays in the background. The site is built around a game that’s fun but challenging: the viewer rides horseback through a maze and is meant to gallop into gold floating orbs. Each time you run into an orb, a point is earned - similar to earning coins in a video game. You can direct your horse left or right by using the arrows on your keyboard, and the more coins you get, the better. The movements in the video and the element of control allow you to feel as though you are living through a movie. The entire experience is very 3-dimensional and exciting - but don’t be too disappointed if you don’t win. The British narrator in the background will let you know how poorly you performed every time.

Cavalier Challenge

More Articles By Ashley

Recent Articles

Previous post Our Top Sites For Design Inspiration May 12, 2016
Next post Our Top Sites For Design Inspiration June 3, 2016