eCommerce, Marketplace, Product Roadmap, Experience Design, Customer Development, Design Documentation, Design System Visit Website
Motion Array is the all-in-one video & filmmakers platform. One of the main parts of their product offering is the Marketplace. Marketplace lets video professionals download video assets, from video templates and stock footage to photos, royalty-free music, and sound effects.
The Marketplace was a two-phase project. Phase one, the redesign of the existing platform. Phase two, the creation of a new platform with improved functionality.
We decided to improve critical parts of the experience on the search and filtering systems. Redesigning and implementing these systems would take a lot of time and possibly cause long downtimes for users, so we decided to hold that until the complete overhaul. We added an all present search bar in the main menu and new filtering and sorting options for faster browsing for the time being.
We focused more on the preview cards and product discovery. We simplified the design and implemented playable preview cards with download buttons. That allowed users to preview the asset and download them instantly without opening a product page. That resulted in an increased number of asset downloads and a faster time to download.
We created a separate view for music and sounds cards and gave them a more natural form. This change was supposed to improve the way users find and preview music files but ended up being just a concept for the future redesign.
To increase product visibility and discovery, we rehauled the main navigation. We implemented extensive, segmented navigation that showcased The Marketplace as one whole and gave more space to other products.
The new platform brought substantial changes and improvements. Segmenting products in categories was one of the most significant differences. Every category had its hub for in-depth filtering. We introduced a home page for the Marketplace to direct users to specific types of products.
We introduced Curated Collections, collections of editors pick that would recommend fresh, high-quality products. We also implemented the new music preview cards that helped users find music faster than before.
Our main goal was to make searching easier and to reduce the time to download.
To make searching and filtering as comfortable as possible, we implemented best-in-class solutions. Three key components were Categories, Keywords, and Tags.
We used categories to narrow the search from platform-wide to category-specific instantly. Categories included Video Templates & Presets, Stock Video, Stock Images, Royalty-Free Music, and Sound Effects.
That improved not only the search speed but also the clarity. It was evident to users what products they were looking at, whereas before, videos got confused with images or video effects and vice-versa.
We used keywords to filter specific attributes users are looking for. Things like “Sunny Day”, “Summer Music”, or similar helped users get to the particular type of products.
We used tags to narrow down the products by technical features like Software support, Genre, Theme, Instruments, and more. Tags are rich with traits specific to the category.
Adding them all up had an enormous impact on filtering capabilities. We started with just the ability to type in a keyword and filter by a handful of categories. We ended up with the ability to search for something like: “Summer Music in Royalty-Free Music, with 80 beats per minute, elements of guitar and drums with hints of Hip-Hop and Jazz, and a festive theme.”
That made an incredible impact on how quickly and effectively, users can discover specific assets.
In the previous version, product pages had limited information, and the focus wasn’t mainly on the asset at hand. We improved that by creating asset-specific product pages. We gave assets more space, so users can focus on the details; we added technical and search focused information.
Below the product details, we added collections featuring the asset, related products from the Marketplace, and the author. All that effort lead to better discoverability of the products.
Product pages now had aspect-ratio flexibility for different video and image resolutions.
Music got a new home where users can discover alternative files of the track, which wasn’t possible before.
We cleaned up the producer profiles and added search, so users can filter through assets with producers that have thousands of files.
We also allowed producers to upload files in multiple categories, which was not possible before because of the system restrains.
We created a responsive, flexible, future proof design system capable of adjusting to future challenges and updates. We put a lot of effort into enabling The Marketplace to adapt to many different screen sizes and various devices and work without constraints.