Shutterstock is a global online marketplace providing royalty-free stock assets, tools, and services. When I joined the company in 2017, the team’s long-term mission was to consolidate Shutterstock’s products portfolio in a unique, holistic user experience. We started with the migration and redesign of the whole Footage interface, which gave me a lot of experience and knowledge about our new design system and processes. Following the Footage migration’s success, the time had come to start on the Images product’s side. I was offered to join forces and help lead an activation-focused initiative touching a crucial and challenging page for our business and our users: the pricing page.
Our first step in the Images pricing page overhaul was to migrate it to our new platform, Studio, using styles and components from our design system while maintaining 100% feature parity. I also prepared detailed specs documentation when handing off prototypes to engineers who were still onboarding on the new Studio platform and the Shutterstock design system. The documentation included details about the grid system, breakpoints and responsive behaviour, redlining of styles, components, patterns, and variables like section spacing.
Several usability tests and user interviews on the Images pricing page highlighted one central pain point: the page looked busy and complicated. Users found the different plans and price offerings confusing, and a majority expressed feeling overwhelmed, not knowing what to choose or not finding what they needed. From a business perspective, we were not effectively convincing our users to take action and buy the plan that would suit them best, losing an opportunity to grow our base of loyal, returning customers, generating a predictable recurring revenue.
Our strategy became quickly apparent: to help our customers make their purchase decisions efficiently, we needed to remove as much confusion and friction as possible around our complex offering. After completing our user research with some competitors and best pricing pages analysis, we started exploring diverse tactics and solutions in several rounds of wireframes: better categorization and information hierarchy, structured layout, clearer UX copywriting, comparison tables, progressive disclosure patterns, etc. Phase 2 was about redesigning the e-commerce pricing page experience based on user research insights and a business decision to build a unified, multi-assets model.
We worked through continuous cross-team collaboration and feedback collection, presenting our design explorations to a diverse group of stakeholders at each touchpoint of our design process. We ended up with two different approaches that we developed in hi-fi prototypes and submitted to several rounds of usability tests using the UserTesting platform.
Our second option revealed itself as the clear winner, thanks to a clear division between our single user and multiple users model and a new, powerful interactive card component providing more structured, digestible information:
→ What you buy (number of images in your plan or pack)
→ What it costs (monthly or one-time payment)
→ What are the billing options (subscriptions)
→ What type of license you’ll need (packs)
→ Additional info (commitment period, etc.)
I finalized responsive states and proper documentation to hand off to our engineering team so they could start implementation and be ready for our next phase: testing the winner option to our control version (the pricing page 2.0 we designed in phase 1).
We hypothesized that optimizing the Images pricing page to reflect all products and options better will smooth the user experience and improve the conversion rate. Our audience was all visitors reaching shutterstock.com/pricing, with an average daily target visitor segment of approximately 30,000. We tracked and measured total orders (packs and subscriptions) as our main KPI, conversion rate, order value, product mix, interactions, page metrics such as bounce and exit rates, for an estimated test duration of 5 weeks.
Once we successfully launched an optimized pricing page for Shutterstock Images, our goal was to align other pricing pages and offer customers a cohesive experience through consistent content, layout, patterns and interactions. We started with our videos offering by completing some competitive research analysis before exploring several options, considering Footage’s specificities and constraints. Like we did for the Images pricing page, we worked through continuous cross-team collaboration and feedback collection from stakeholders and Footage customers.
Shortly, we introduced another significant change to the page by launching new videos subscriptions to complete the existing clip packs offer. We logically re-used the interactive pricing card component we developed for Images and positioned it at the top of the page, enabling customers to conveniently adjust the number of clips and the billing method to their needs and preferences. We also collaborated with the Marketing team to update the Footage landing page with a dedicated hero advertising the new offer.
