Finding the perfect home is all about being able to conveniently research exactly what you’re looking for, save and store what you like, and make it easy to find it all later on. Zillow hits the nail on the head for all three of these points with its intuitive real estate site. The search area within the hero area makes it easy for new users to quickly select and search listings without having to look for some hidden search page.
Revols takes a bold approach on its website by enlarging its small, sophisticated headphones using macro photography and video. The photography and video make the site incredibly product-focused, so its users slowly become more and more immersed in the experience these headphones can give you. The large font treatment on this site is also a nice touch and adds to the larger-than-life earbud photography.
3. Fiftythree Pencil:
Fiftythree captures all the features and benefits for its Pencil Stylus throughout this standalone product page. These features and benefits are accompanied by images to illustrate the product in action so the user has an easier time visualizing them and how they can apply the product. The layout and visual treatment of the product's anatomy section are also very unique and act as a dynamic way to lead users to read more about the product, as opposed to static sections one after another.
4. Morgan Stanley:
Unlike traditional product-focused sites, Morgan Stanley headlines its homepage with an article they hope to drive a significant amount of traffic to (especially since it connects with the holiday family gatherings we’re expected to attend). The rest of the layout beyond the homepage hero plays with a grid-focused layout to organize the assortment of recent articles they’ve posted.
5. Zero Financial:
Far too often software companies have very beautiful websites that completely lack any images of their products. If you’re currently in this position and looking for inspiration, Zero is a fantastic site for inspiration. The use of images accompanied by descriptive text that explains each makes the product that much more real and relatable for people interested.
Boosted took what could have been seen as an average skateboard to the next level by introducing amazingly detailed photos of its product accompanied by detailed descriptions on its site. The site's gray tones and white backgrounds help keep the focus on the orange call-to-action buttons and the brightly colored skateboard they use as an example of the product.
ESPN takes its sports content and programming to the next level with this dynamic and eye-catching site filled with large, high-resolution images and video. The site utilizes background video to keep up with the sports network’s energy and sections with subtle hover and transition effects and to keep the user experience smooth. The ‘featured sports’ slider is thoroughly entrancing and does an excellent job of showcasing each of the sports alongside interesting statistics and informative details about available programs.