Open media portfolio

OPEN MEDIA PORT // MULTI-SCREEN RICH MEDIA CREATIVE STUDIO

Copyright © 2013. OPEN Media Technologies. All rights reserved.

Open Media Technologies // Open Media Port

I founded Open Media Technologies with long time friend and collaborator Joshua Rex (now Chief Digital Officer at Mediacom Australia) in late 2008. We coined the phrase “Quietly Redefining Ad Space” as a mission statement that underpinned our vision and everything we wanted online display advertising to be – and set about transforming static display media into engaging, contextual content channels.

We developed a number of products including the Intelligent Media "Unit®, FlexyForm®, and AdBasket® which transformed online "display creative and the expanded opportunities for advertisers.

Open Media Port was the manifestation of these projects into a "self-service dashboard that allowed agencies and advertisers to"build their own advanced content units. In addition, they could "also ad serve them to publishers, both traditionally and "programmatically, and track them either with our own software or through third party vendors such as ADTECH, Google Dart or Sizmek.

Open Media Port // SaaS dashboard


Open Media Technologies // Open Media Port // User Flows - Logic


Open Media Technologies // Open Media Port // Wireframes

Open Dashboard - IMU Builder Wireframesv1.0 130213

CONFIDENTIAL

Registered in England No. 05377943

www.miomni.comMiomni Limited, Angel House, Angel Mews, Angel, London N1 9HHt: +44 (0)20 7837 1116 / f: +44 (0)20 7278 5261 / e: [email protected]

US Office:Miomni Corporation, 800 West El Camino Real, Suite 180, Mountain View, CA 94040 t: +1 (650) 903 2269 / f: +1 (650) 962 1188

Share

Links

Menu

Media Window 3

Media Window 2

Media Window 1

Appearance

File Download

Liam Ashton Account | Log Out

1. Template

New | Open | Duplicate | Save | Close | Delete

Template Preview

Template A

Template B

©2013 OPEN | Powered by MIOMNI

Asset LibraryShell › Global Partnerships › imu-1

OPEN Media Unit Builder

Template


CONFIDENTIAL




Menu

©2013 OPEN | Powered by MIOMNIOPEN Media Unit Builder

Share

Links

File Download

Media Window 2

Media Window 3

Media Window 1

Template


2. Appearance


Preview


Appearance

Logo

Background Colour

#31321B

Icon Colour

#31321B

Button Icon Colour

#31321B

Highlight Colour

#31321B

Choose a file to upload Select from the Asset Library

*Max dimensions: 120 x 25 (px). File format: background transparent PNG.

Logo Click-Through URL

Fallback Image


*Dimensions: 320 x 250 (px). File format: PNG/JPEG/GIF (Static/Animated)

Fallback Click-Through URL

Reload

Splash Screen


*Dimensions: 320 x 250 (px). File format: PNG/JPEG/GIF (Static)

Title


CONFIDENTIAL




Menu

Share

Links

File Download

Media Window 3

Appearance

Template

Media Window 2


3. Video Player


Preview

©2013 OPEN | Powered by MIOMNI


OPEN Media Unit Builder

Media Window 1Video Playlist

1 Title Watch 2050 Energy Video

File energy-2050-v301:23

2 Title Watch Climate Change Video

YouTube aVI5x7HQxKE01:45

Media Type Video Player


Select YouTube video

Use Saved Playlist Save This Playlist

Play

Video Thumbnail

Play

Video Thumbnail

Reload


Home Page Setup


Drag & Drop Play Ordering


Create Video File Meta Data


VODAFONE MCLAREN MERCEDES // IMU


Vodafone McLaren Mercedes // F1 2008-12

This Is Open redefined the standard of online display advertising by releasing an extremely powerful product more akin to a microsite rather than a standard rich media ad.

The unit was completely dynamic and could be updated manually or automatically on-the-fly depending on what media partner was serving and in which territory. It also featured program scheduling with global time zones to enable a change of behaviour "linked to chronological preferences.

Intelligent Media Unit® & LiveInstance® online display platforms


Vodafone McLaren Mercedes // Player 2010-11

§  Following the success of a very simple video player POC delivered as a campaign in 2009, OMD International and Vodafone commissioned my company to create a dynamic, ad-servable micro-site.

§  Key objectives:

–  Distribute all owned and 3rd party content via paid and owned media

–  Enable sharing via social networks

–  Enable UGC to be uploaded to the CMS via the unit and delivered back to audience through all digital touch points

–  Measure the consumption of video content

–  Measure the the clicks on key interaction points

–  Measure sharing activity

Opportunity



§  A dynamic, ad-servable media unit built in Flash with ActionScript 3 based on a style guide from 23Red.

§  The solution delivered a different content experience at a placement placement level – before, during and after the race.

§  The unit was customisable by the user

§  The unit was capable of delivering and harvesting content managed from a powerful CMS including:

–  Video (archived and live)

–  Photos

–  Live results & standings tables

–  Live news feeds

–  Live telemetry from the pit lane

–  UGC

Challenge



The results were quite possibly the best ever for for ad-served unit in the history of online advertising."

§  An average interaction rate: 20%

§  An average interaction time of 34 minutes over practice, qualifying and race sessions

§  In excess of 1,000,000 shares via all networks over 9 months

Results


> 2011-12



In 2011-12, Vodafone decided to hand the entire execution of the campaign to This Is Open.

§  Objectives

–  The team desired a more sophisticated look and feel with a more rationalised approach to branding and design of the unit.

–  An international media plan demanded localisation for the UI and also specialist content – on demand

–  GPS track position was a new feature and something that was extremely important for the Vodafone sponsor was keen to showcase as a reference to their consumer and business service offerings

–  More integration with Facebook and Twitter

–  Sharing of individual content files outside the unit to help drive traffic to owned media

Brief



§  All UI elements including .SWF files, ActionScript and graphic assets were updated dynamically so that existing shared instances we updated on the fly.

Solution



§  An average interaction rate: 25%.

§  An average interaction time of 34 minutes over practice, qualifying and race sessions.

Results


JOHNNIE WALKER // KEEP WALKING BRAND AMBASSADOR CAMPAIGN


Diageo // Johnnie Walker // Walk With Giants

Our unique display advertising platform was used to execute a pan-European campaign to help increase awareness of the famous whisky brand.

The campaign featured several Johnnie Walker brand ambassadors with inspirational stories. Their journey’s to success were told through an inventory video, audio, pictorial and editorial content supplied by BBH. The media was managed by "Carat Global Management.

International, multilingual campaign using LiveInstance® IMU



§  The campaign was planned to run across several European territories using content that was specifically produced for those territories in English, French, Flemish or German at a very high standard by BBH. Diageo wanted sweat these content assets by distributing them in a multi-purpose ad unit that could target content and deliver it’s translation material effectively and efficiently with granular tracking of its consumption.


–  Distribute all content via an ad-servable, multi-purpose unit

–  Deliver translation material in an efficient manner

–  Measure the consumption of all content by territory and media partner placement

–  Measure the the clicks on key interaction points by territory and media partner placement


–  Measure all sharing activity by generation level

Opportunity



§  The content was only produced in the brand ambassador's native language and we needed to find a solution to deliver the content digitally and on-demand

§  The home screen was required to change layout and behaviour relating to a content release schedule and its geo location

§  A live streaming Q&A session was planned from the McLaren Technology Centre in Woking, which had to be filmed and broadcast across IP and delivered with live translation material

§  MS including:

–  Live streamed video

–  Video

–  Audio

–  Photos

–  Social Feeds

–  Sharing

Challenge





§  An average interaction time: 34 seconds

§  Average video complete rate: 78%

§  !n excess of 100,000 shares to earned media

Results


NISSAN // LEAF // PAN EUROPEAN LAUNCH & GENEVA MOTOR SHOW UNVEILING


Nissan // European “Leaf” Launch

The Intelligent Media Unit® platform was selected to power the European launch of the Nissan Leaf by OMD France.

The campaign was two-phase approach starting at the Geneva Motor Show, where the European CEO of Nissan unveiled the new Leaf. This was followed up by the release"of some fantastic, exclusive CGI fly-throughs of the interior and features of"new car and further supporting video, photo and social content.

Launch of the new Nissan Leaf across six EU territories



The Nissan Leaf was designed to be the most efficient and futuristic consumer electric vehicle on the market. Nissan wanted to target prospects who were cared about the environment but were not overly concerned about the price! The campaign was planned in several territories across Europe to increase aware awareness of the product and the new direction Nissan was taking as a manufacturer of ecologically-sound vehicles.








Opportunity






§  MS including:


–  Video

–  Audio

–  Photos

–  Social Feeds

–  Sharing

Challenge








Results


KIA // CEE’D & CEE’D SPORTSWAGON


KIA // cee’d & cee’d SportsWagon

The Intelligent Media Unit® platform was selected to power the European launch of the Nissan Leaf by OMD France.

The campaign was two-phase approach starting at the Geneva Motor Show, where the European CEO of Nissan unveiled the new Leaf. This was followed up by the release"of some fantastic, exclusive CGI fly-throughs of the interior and features of"new car and further supporting video, photo and social content.

Launch of the cee’d models across several EU territories



§  One








Opportunity






§  MS including:


–  Video

–  Audio

–  Photos

–  Social Feeds

–  Sharing

Challenge








Results


B&Q / SPRING-SUMMER 2015 // ADBASKET UNITS


B&Q / Shoppable Video Campaign

This Is Open developed the first device-agnostic shoppable, video ad unit featuring a virtual shopping basket integrated directly with the major e-commerce platforms.

The unit is part of a larger platform which transforms online advertising space into virtual shopping channels featuring virtual shopping baskets which can be "retargeted to users in a useful way.

The unique middleware scrapes product inventory from the "advertisers e-commerce platform including image, price, "sizes, colours and even stock levels and displays it inside"the unit.

The unit was developed in HTML5 and "JavaScript so that it would render in "any browser running on any device.

Adbasket® e-commerce enabled video ad format


Development of AdBasket® / Video Advertising with Virtual Shopping Basket / Responding to 300x250

§  In 2013, in response to the demand from brands to sell more product from their own digital properties, Miomni Media developed a new video advertising platform that could pull in products from an advertisers sales inventory – directly from the e-commerce platform.

§  The unit needed to be device agnostic so that it could play video and display ecommerce feeds on tablet products such as iPad.

§  The product needed to be flexible so that it could respond to any type of rich media ad space inventory on-the-fly.

Opportunity



§  To produce the POC, we partnered with Oracle to integrate with their ATG application, which is the World’s leading e-commerce software.

§  Built within a JavaScript framework, using responsive design principles, a single creative unit can be delivered to any ad format, on any device, across any screen

§  Product images and their associated meta data are complied into adaptive, video advertising units.

§  During video playback, products appear contextually and are assigned a call to action, such as share, comment, add to favourites or add to basket.

Challenge



§  The product is current under evaluation directly with several national and global brands:

–  Burberry

–  Nike

–  Quiksilver

–  B&Q

–  Game

Results


ROLEX // WIMBLEDON // FLEXYFORM & LIVEINSTANCE


Rolex / Wimbledon 2015 Scoreboards & HD Video Player

Rolex are a particularly discerning client who want only the best companies and technology to work on and feature in their advertising activity. More often than not these partnerships produce media firsts – this is no exception.

During the Spring of 2014 were asked buy Rolex & Mindshare Luxury to join their tech provider roster and provide a POC to demonstrate how we would be "able to deliver live content scores and HD video content inside flexible "online advertising formats a full year ahead of the tournament.

In Paris, we presented our FlexyForm and LiveInstance"technology to a wowed audience.

FlexyForm® responsive ad platform & LiveInstance®


Phase 1 / OmniFrame® / HD Video Content & Live Timepieces / Responding to 300x250 Inventory

Pre-programmed content schedule one model

HD video showcasing the quality of the craftsmanship

Sharing options to all relevant social networks

§  Purchasing much cheaper, widely available 300x250 inventory will keeps the cost to a minimum

§  The content is pre-programmed inside the CMS

Home page is dynamically changed to display new content HTML5 & JavaScript mini App

Call to action to keep ad displaying in on exchange

Notes:

–≠

–≠


Phase 2 / LiveInstance® & FlexyForm® / Live Scores / Responding to 300x250 Inventory

Selected match: Latest score Home screen: Match selector Opt-in retargeting cookie

§  The user is presented with a live update of the selected match.

§  The user can present the unit full screen a any time to reveal extended stats and data.

§  On first mouse-over, the user is presented with call-to-action to decide whether or not they would like to be retargeted with the match on other web sites they visit that fall in the exchange.

§  As soon as the match is over the retargeting cookie is annulled.

§  Throughout the day a selection matches are displayed inside the ad unit.

§  The user can scroll up and down to choose which match they would like a live update on.

§  Other content and functionality are readily available.

§  When the unit is called into 300x250 inventory, only the vital data and stats are displayed

Notes:

–≠


Selected match: Live score & match stats

Home screen: Match selector with live scores


The increased width available at the 970 pixels reveals extra data including:

§  Match selector

–  Live game scores in all sets

–  Live points scores in current game

§  Selected Match

–  First serve %

–  Aces

–  Double Faults

–  Unforced Errors

–  Winners

–  Ratio of Break Point Converted

–  Total Points Won

Notes:


Opt-In Retargeting

Selected match: Live score & match stats


The increased width available at the 970 pixels reveals extra data including:






–  Aces



–  Winners



Notes:



The increased height available of 600 pixels reveals extra data including:






–  Aces



–  Winners



Home Screen:�Match selector

Selected Match:�Live score & stats

Opt-In Retargeting�Cookie dropped on user action

Notes:

–≠


Phase 2 / LiveInstance® & FlexyForm® / Live Scores / Responding to iPad Full Page Inventory

The increased width available of up to 1028 pixels in landscape orientation reveals extra data including:






–  Aces



–  Winners



Home Screen:�Match selector

Selected Match:�Live score & stats

Opt-In Retargeting:�Cookie dropped on user action

Notes:

–≠


BOYD GAMING // SPORTS BOOK / iOS7 APP

Boyd Gaming // B-Connected Sports

Miomni took the best functionality of the Android "app built earlier in 2013 and developed an elegant"native iOS7 app which is both intuitive and fast.

We worked to a ridiculously tight deadline of 4 weeks"including UX flows, UI design, front end coding and back "end middleware integrations with the legacy Boyd Gaming "gambling engine.

We overcame the key technical hurdle of precise geo-triangulation to"pinpoint a user’s global positioning by integrating Miomni’s unique GPS"technology. Determining accuracy to within 1 inch was an absolutely critical factor "in avoiding class action law suits if a punter was able to post a bet outside the state line "of Nevada.

In order to streamline the the design process, we produced mock ups in Balsamiq with native libraries and created symbol libraries in Illustrator to produce the UI designs and graphic assets at both “X” and “2X” sizes for standard and retina displays.

iOS7 App / Field trials Nevada, USA


It’s not always possible, but sketching out large format user flows in close proximity to agile/scrum workshops is extremely beneficial. It unites the team in collaboration and contribution.

Putting pen to paper and making physical marks has a special connection to the human spirit. It helps us to really connect and visualise things that are real. If space allows, I will push to make this technique standard practice.

Digitising user journeys are necessity sometimes, but if you can remove steps to get into rapid prototyping phases quicker then the opportunity should be taken with both hands.

Large Format User Flows


My tool of choice is Balsamiq Mock-Ups. I prefer it’s sketch-style output, which concentrates the team on user journeys and functionality rather than execution. I work rapidly with Balsamiq producing either flat or fully linked-up interactive mock ups.

Considering the timeline we had for Boyd, these had to be completed within 2 days in order to hit the deadline for functionality and design and get it approved in the US. Fortunately, there were only minor alterations and amendments thanks to a fantastic team effort across the design, development, research and project management teams.

I enjoy using other tools such as Axure and even Illustrator to create interaction documents. I am an Adobe Partner so I am expert in most of the CC products including Dreamweaver.

Wire-frames / Mock-ups / Prototyping


I believe impressing the client with extremely realistic visuals and even interactive versions is essential. It also helps to focus my on the an expected quality of deliverables that is appreciated by all stakeholders and coveted by prospective clients and competitors.

I use a combination of Illustrator CC using symbol portable libraries for workflow streamlining and Photoshop CC for final presentation artwork.

I have used Adobe products at expert level for nearly 20 years including both the above essentials plus Flash Dreamweaver, InDesign and many more besides.

My favourite new tool for creating really quick, quality mock-ups is Marvel. It will be on my essential tool list for a long time.

Visual Design / Graphics

View Bet Slip // Teaser // Slider // Choose Teaser Type


View Bet Slip // Teaser // Slider // Choose & Place Bets


THE TRAVEL APP // CONNECTED TV, DESKTOP & TABLET WEB APP

The Travel App / Connected TV, Tablet & Desktop

The Travel App uses Miomni Platform to offer its package holidays to audiences across Connected TV, Tablet and Desktop.

I developed a very simple user experience that included access to HD Videos and photos as well as all the inventory copy and multi-territory prices for partners.

I also designed a UI that responded to and screen size or device irrespective "of whether the user was accessing the content on an iPad, "Mac Book Air, or a Samsung 8000 Smart TV.

Multi-screen package holiday sales platform

Home Page / Offers, Picks, Search & Member Login

Search Listings

Listing Selection

Open media portfolio

Mobile

Transcript of Open media portfolio