Image
SAAS

Product VU

Product videos, sorted

  • AROXO

  • SaaS

  • UX Designer

  • 2018

Product videos, sorted

Online retail is a savage environment. Converting a user into a customer is a tricky business.

Product.vu is a product video platform for online retailers to easily and effortlessly bulk-build product videos using their product feeds.


I was responsible for the UX design of the platform besides the design & animation of the product videos.


{ #Animation, UX-Design, #Wireframes, #DigitalDesign }
  • CHALLENGE

Trying to build videos via an automated platform for specific products and/or product categories is a huge challenge for big retail companies (Eg: Dunelm, Hobby Craft, etc.) as they have tens of thousands of products under hundreds of categories. I had to come up with a solution where:

a. this massive data is interpreted and displayed in a meaningful and structured way

b. users can bulk-build product videos and edit / delete them when required with ease.


I also had to design and animate (javascript) product video templates which would work with any type of product; whether it’s a golf club or a women’s underwear.

  • MY SOLUTION

I designed a “batch based template-assignment-system” in order to ease the complexity of creating videos for multiple products/categories all at once.


For example, say you want to build videos for “red curtains, leather armchairs, and top-selling bed frames”, you basically create a batch, search and add desired products, and assign a pre-created template to that batch. Your videos will be created based on that template, populated with the data fetched from the product feed.



Click the arrows below to browse the sample interfaces.

  • POST-ITS?

I don’t have any post-its to display here, but trust me I use them. Well, not obsessed with them like some of you but yeah… Anyway, here’s a stock image of a fellow (possible) designer pointing at some post-it notes. They’re important. Yes. Moving on.


  • WIREFRAMES

In order to show how I dealt with displaying/filtering data (and using that data to build videos) I created detailed wireframes for the whole user journey: view/filter/select products, create batches, configure categories, create templates, assign batches to templates, and many more…

CLick arrows below to browse slides



Get in touch for more...

  • TEMPLATES

One of the most important parts of the job was to design & animate the product videos that will be displayed on the retailers’ product galleries to the potential customers.


The challenge was to create visually engaging videos while communicating the brand message and the product details.




Here are a couple of videos I designed & animated (using javascript)

Dunelm Curtain, Dunelm Furniture, Dunelm Wallpaper, American Golf Club, American Golf Shoe.