work

about

Ln.

Tw.

bm.

work

about

bm.

Shutterstock is a global provider of stock photography, stock footage, stock music, and editing tools. With more than a billion images, video clips, and music tracks downloaded, Shutterstock is one of the largest stock content providers on the web.

Shutterstock is a global provider of stock photography, stock footage, stock music, and editing tools. With more than a billion images, video clips, and music tracks downloaded, Shutterstock is one of the largest stock content providers on the web.

As a Senior Product Designer, I worked in multidisciplinary teams collaborating on ambitious projects across the product organization. Among them, I led the search experience while contributing to the global Research Ops and Design system.

As a Senior Product Designer, I worked in multidisciplinary teams collaborating on ambitious projects across the product organization. Among them, I led the search experience while contributing to the global Research Ops and Design system.

Search optimizations

I led the design of the search experience, designing and developing a series of optimizations and new features that improved the overall search experience across verticals that can be seen in Shutterstock products today, which have had a positive impact on user engagement and conversion.

A new search filter for more

usability and consistency

A new search filter for more usability and consistency

A new search filter for more usability and consistency

Details available soon

Details available soon

Filter optimization

I undertook a complete redesign of the search filters, moving it from a collapsible side navigation into an inline top menu. This change aimed to improve usability and make the overall search results page cleaner and less dense.


The problems were identified through user feedback, and the solutions were validated by a series of user testing sessions and post-launch metrics.

Mobile version

After running multiple tests to understand the best approach for mobile, the team decided that the best option would be a trigger on the search bar that opens the filters in an overlay. Tests showed that users could find it easily and use it more efficiently, since this approach matched their overall mental model.

After running multiple tests to understand the best approach for mobile, the team decided that the best option would be a trigger on the search bar that opens the filters in an overlay. Tests showed that users could find it easily and use it more efficiently, since this approach matched their overall mental model.

After running multiple tests to understand the best approach for mobile, the team decided that the best option would be a trigger on the search bar that opens the filters in an overlay. Tests showed that users could find it easily and use it more efficiently, since this approach matched their overall mental model.

Introduction of insights

for faster decision making

Introduction of insights for faster decision making

As part of an initiative to introducing AI into Shutterstock products, the Search development team created a brand new feature to help users to identify the best asset for their needs: we introduced a new module on the asset detail page to provide insights on how unique and often used an image is. This feature helps users to find more unique images for their work, avoiding an overly “stock” feel in their projects. 

On the business side, this feature also increased downloads for assets with low activity; decreasing a download gap on the platform and boosting new contributors. This resulted in a positive revenue impact for the business.

New auto-complete for more accurate search results

New auto-complete for more accurate search results

In order to provide better guidance for users on search, I collaborated with the Search development team to introduce taxonomies in order to make the search auto-complete more accurate. To achieve this, I explored new approaches for the autocomplete UI.

In order to provide better guidance for users on search, I collaborated with the Search development team to introduce taxonomies in order to make the search auto-complete more accurate. To achieve this, I explored new approaches for the autocomplete UI.

Contributor gallery

Contributors are a key factor for the success of Shutterstock’s business. As part of an initiative to move the entire platform from an old technology stack and adopt a brand new design system, I worked with multiple teams to upgrade the contributor gallery to the new UI, adding a completely new look and feel to the site. This project aimed to promote Shutterstock’s contributors and allow them to better showcase their work, and consequently add more value to the platform.

This work started with a Design Sprint in Shutterstock’s HQ in NYC, bringing experts from all areas together to collaborate and generate ideas for the new gallery. During and after the workshop, we tested our designs with both contributors and end users to validate our hypotheses. The output of this work was a brand new contributor gallery, broken down into release phases. The ultimate outcome was an increase in contributors on the platform and increased satisfaction with the new page.

This redesign also allowed us to optimize certain components in the design system and totally rethink how content could be organized on the contributors' page. The contributor gallery has become more connected to the general user flow, making contributors and their content more accessible and discoverable.

This redesign also allowed us to optimize certain components in the design system and totally rethink how content could be organized on the contributors' page. The contributor gallery has become more connected to the general user flow, making contributors and their content more accessible and discoverable.

This redesign also allowed us to optimize certain components in the design system and totally rethink how content could be organized on the contributors' page. The contributor gallery has become more connected to the general user flow, making contributors and their content more accessible and discoverable.

Contributor promotion

Another initiative to make contributors even more discoverable was the introduction of new Contributor cards. These cards were added to key pages of the site, with the objective of recommending the right contributors and their content to users who might like their work.

Another initiative to make contributors even more discoverable was the introduction of new Contributor cards. These cards were added to key pages of the site, with the objective of recommending the right contributors and their content to users who might like their work.

Another initiative to make contributors even more discoverable was the introduction of new Contributor cards. These cards were added to key pages of the site, with the objective of recommending the right contributors and their content to users who might like their work.

Design system

As a Design System enthusiastic, I collaborated with the DevOps team on enhancing Shutterstock’s Design System. I worked closely with the Design Lead to optimize styles and components, as well as creating new components and variants for required use cases.

Building, adapting and maintaining Studio. Shutterstock's Design System.

A new search filter for more usability and consistency

Custom color picker

One optimization I worked on was a new color picker component in the Search experience. This enables users to select preset and custom colors to match their needs.

One optimization I worked on was a new color picker component in the Search experience. This enables users to select preset and custom colors to match their needs.

One optimization I worked on was a new color picker component in the Search experience. This enables users to select preset and custom colors to match their needs.

Dark mode

A highly requested feature by Shutterstock's customers was the need for a dark interface. I was involved in designing a dark mode for the design system. This work consisted in adapting the existing color styles to a dark color scheme.

A highly requested feature by Shutterstock's customers was the need for a dark interface. I was involved in designing a dark mode for the design system. This work consisted in adapting the existing color styles to a dark color scheme.

A highly requested feature by Shutterstock's customers was the need for a dark interface. I was involved in designing a dark mode for the design system. This work consisted in adapting the existing color styles to a dark color scheme.

Micro interactions

When designing new components, I strove to create seamless interactions by setting states, motion and behaviors for every element, making interactions as smooth as possible.

Shutterstock HQ

Empire State Building

New York City

Shutterstock HQ

Empire State Building

New York City

Thank you Shutterstock!

Thank you Shutterstock!

Thank you Shutterstock!

A big thanks for all my ex-colleagues involved in the work shared above: Dublin, NYC, Montreal, Denver, and all other locations. Everything was possible only through teamwork.

A big thanks for all my ex-colleagues involved in the work shared above: Dublin, NYC, Montreal, Denver, and all other locations. Everything was possible only through teamwork.

A big thanks for all my ex-colleagues involved in the work shared above: Dublin, NYC, Montreal, Denver, and all other locations. Everything was possible only through teamwork.

say hello

hello@brunomonte.design

© 2022, All Rights Reserved

Ln.

Tw.

say hello

hello@brunomonte.design

© 2022, All Rights Reserved

Ln.

Tw.