John Canelis / Adobe

Adobe

Computer vision search ๐Ÿ‘๏ธ

by John Canelis, Product Designer

Adobe Stock is a marketplace for creative assets. Videos, photos, graphics, audio, and more.

I joined Adobe during the v1 launch of the site in 2015. I was the lead designer for the search experience. My role was to make finding and saving content intuitive and powerful.

My work as the lead designer on search led to adding our sticky search bar with image search, and libraries integration โ€“ allowing users to save items to their libraries, which makes assets available inside applications like Photoshop and Premiere.

Adobe Stock search layout
Sticky search bar, image search, and libraries

Some of the most interesting work came from my collaboration with our Data Science team on advanced search concepts. In ~2017 they were sharing demos of emerging computer vision technology. My role was to figure out how this new tech could be used to build new search tools for our users in their creative projects.

The goal was to differentiate Adobe Stock from our competitors by delivering uniqely powerful search features.

Our early tech was capable of identifying objects and visual styles within images.

My conversations with users, testing concepts, and collaborating with Adobe Design Research led to shipping tools that allowed users to select and reposition content โ€“ a need users had in order to preserve space for adding text copy on top of imagery.

Almost 8 years later, the search layout and many of the advanced search features continue to live on.

Adobe Stock Advanced Search
Advanced search

Adobe Stock + Framer

At Adobe I also learned to think of a product as a service. Meaning it can exist outside of the actual website or app and inject itself into other platforms. In this case, a competitor's design tool.

I built an Adobe Stock plugin for Framer to enable searching imagery within the design canvas. This was built using React, TypeScript, and the Adobe Stock API. The plugin continues to be active today. View the source code on GitHub and try a demo.

Adobe Stock Framer Plugin Gif
Search Adobe content within Framer