Header image for the Shutterstock Elements project, representing an iMac display on a dark mauve background, with a white Elements logo floating on a mauve, abstract background on screen.
Shutterstock Elements
Product design (UX/UI) / Web
Company: Shutterstock
Year: 2019
Introducing Shutterstock Elements
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. 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. This project was a perfect opportunity to improve parts of the user experience while ensuring that feature parity and consistency were respected in the new design. We ended up designing several pages focused on these new Elements libraries, including an additional section on the Footage homepage; a dedicated Landing page where customers could explore and browse by categories (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 an essential 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 a 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. Selecting and preparing the visual material for each Element library helped me ensure visual consistency across the website experience, from the thumbnail on the Lister page to the hero image on the Product details page. It was also a fun and creative way to explore each pack and ultimately enabled me to communicate their content and singularities most instantly.
< PreviousSee all Next >