Header image for the Shutterstock Elements project, representing an iMac display on a heather background, with the Elements by Shutterstock logo on screen.
Shutterstock Elements
Product design (UX/UI) / Web
Year: 2019
Shutterstock is a global online marketplace providing royalty-free stock assets, tools and services. When I joined the Footage and Music business unit in Montreal in 2017, the team’s long-term mission was to consolidate Shutterstock’s product portfolio into a unique, holistic user experience. We started with the migration and redesign of the entire Shutterstock Footage interface, which was completed in 2019 with the launch of a new product, Shutterstock Elements, thus answering the demand of Shutterstock video customers for VFX packs.
Integrating existing VFX packs into the Shutterstock Footage experience
Before the migration to Shutterstock Elements, VFX packs were curated and sold by Shutterstock on Rocketstock, a separate, proprietary platform. In order to consolidate and expand our offering to Shutterstock customers, the mandate was to rebrand the existing packs and integrate them seamlessly into the new, revamped Footage experience. We took this project as an opportunity to improve parts of the user experience and made sure that feature parity and consistency were respected in the new design. In the end, we designed several pages focused on these new Elements libraries including: an additional section on the Footage homepage; a dedicated landing page where the product was introduced and where customers could explore and access a Categories page (Video Kits, Transitions...); a Lister page showcasing all the libraries; a Product Details page filled with information and previews for each Element library.
A supercharged product details page
The Element details page was a very important step in the customer journey to aid them in finalizing a decision and purchasing a pack. A large hero playing an impactful video trailer, a curated introduction paragraph and a practical panel laying out all the technical details were the first elements on the page to provide an helpful overview of the product. When scrolling down the page, customers could discover featured effects by opening a full screen overlay showcasing animated effects previews, as well as resourceful "Behind The Scenes" and "Tutorial" videos.
Ensuring visual assets consistency
Although product design was at the heart of the Shutterstock Elements project, it also called for some branding and marketing requirements. The ability to select and prepare the visual material for each Element library ensured visual consistency across the website experience, from the thumbnail on the Lister page to the hero image on the Product details page, in an interesting and effective manner. It was also a fun and creative way to explore each pack and ultimately enabled me to communicate their content and singularities in the most direct way.
< PreviousSee all Next >