CLIENT: DATA LANGUAGE
PRODUCT DESIGN, UI/UX Design, Branding​​​​​​​
Video player design
An enhanced version of YouTube's embedded video player, Luminery surfaces extra information and detail of products that appear in the video at the moment they appear in a way that does not detract from the video itself.

Mobile versions in fullscreen and portrait mode

Products in the video appear beneath the video
If an item is of interest extra information can be accessed
⇨ Luminery video example (How to make profiteroles opens a new tab)
Product design process
To support the player I wireframed, designed & prototyped a video tagging tool that allows publishers to attach products & information to moments in videos simply and intuitively.
For our first topic of car videos, I conducted user interviews with car enthusiasts which guided us in the tag types that would be useful and interesting to fans, what would motivate them and where pain points might be.
I ran A/B testing to verify that a dark interface would make for a less appealing working environment. Over 80% of users chose the light interface.
I identified a major problem of moving views away from YouTube so pushed for Luminery to display extra information as well as products making it useful to more viewers. This also would minimise the risk of ad-blindness which would result in the product bar being seen as no more than advertising.
Mobile first wireframe for tagging tool
User research example
Tagging tool user flow excerpt
Early Dark UI for tagging tool eliminated via an A/B test.
Tagging tool. Add information to car videos.
Tagging tool. Tag a product in a video.
Analytics tool
Publishers can access detailed analytics about their videos and any associated revenues earned when viewers have been referred and made purchases.
Branding
I wrote a full branding document containing design and tone of voice guidelines which helped steer conversations and an understanding of my suggested product name, Luminery. I designed a firefly logo and assets including motion graphics to complement the concept of shedding extra light on videos.
GT Channel site
Luminery's launch partner was GT Channel, a YouTube channel with a wealth of car videos. I wireframed and designed a new site to showcase GT Channel's videos that would be shown in Luminery player. Videos are enhanced with Luminery's tagging data which gives better quality related content than YouTube and a new revenue stream by referring customers with high purchasing potential.

GT Channel homepage. Designed to keep
Luminery video player. The exact exhaust pipe is linked as it is shown in the video.

Other projects