KUBIK ONLINE

KUBIK ONLINE

KUBIK ONLINE

web platform // ux ui design // big data management // marketing // advertising // tv commercials

Logo KOL white

LONG STORY SHORT

Kubik Online is a media planning software used to define television commercial strategies. The dynamics behind this software are extremely complex, but, long story short, it shows all the available commercials slots that can be booked by media planners according to the brand strategy.

PROJECT INFO

Year: 2017-2018
Role: UX UI Design and FE Management
Tasks: User Research / Testing, Wireframing and UI Development
Company: Next14

KL 3

► BEFORE:
Main working area  // screens from the original software developed by Mediasoft

► BEFORE:
Main working area  // screens from the original software developed by Mediasoft

After

► AFTER:
Same working area reorganized for the online version of Kubik

01.

THE ONLINE VERSION OF KUBIK

Kubik Legacy has been developed over 20 years ago, but it still is the only software available to plan tv commercials advertising in the Italian market. Nevertheless, Mediasoft - the software house that first developed Kubik Legacy - decided to update it in order to create an online service, called Kubik Online. 
We worked as a team of designer and developers to create the online version of Kubik: we decided to create a distinctive look, starting from its branding. Considering the theme (television advertising) and the challenge given by the complexity of the project - both in terms of development and stakeholders - we took inspiration from the Landing on the Moon - which was one of the most followed ever mediatic moment in the history of television.

moon landing : kubik

► Moon Landing: one of the most important mediatic moment in  modern history

UfoMail
SpaceGun
Alien
SolarSystem
OnlineSatellite
Rocket
Illustrazione Ufo Pizza
Illustrazione Cornetto
Illustrazione Locked
Illustrazione Help

► Some of hte Illustrations and icons designed ad hoc for the platform

02.

USERS BEHAVIOUR & USER FLOW

My role was to redefine not only the overall outlook of the platform but above all to study, understand and implement improved user flows that would help to adopt the new version of the service. I worked on the platform since its first concepts until its release on June 2018, which allowed me to follow the first lifecycle of the project.
The project faces many challenges: first of all, understanding such a complex and entropic world in order to redefine users’ flows. In fact, while interviewing different users from different media agencies, we discovered that there was no unique approach working with Kubik Legacy. There were just a few common patterns: we worked on those as our core structure allowing then users to customize the environment according to their specific workflows.

Kubik Online UserFlow v1.0

03.

THE BETA PLATFORM

The second main challenge was the complete redesign of the software that has always lacked in readability and usability because of all the information that needs to be visualized in just one interface. We worked a lot on colours, font sizes and readability in order to keep all the necessary informations while still having a clean and easy to use interface. Beside that, we worked on every touchpoint with our users: from onboarding email to tutorials on how to use the new system. Kubik Online is in its beta testing phase and many important companies (both media agencies and media owners) are using it and testing it. We keep working towards the second phase of the project collecting feedbacks and improving our users' experience with Kubik Online.

Users GroupM – mono
Users Discovery – mono
Users Dentsu – mono
Users – Sky -mono
Users – Rai – mono
Users – Mediaset – mono

One more icon, one more project!

Science ArtScientific Illustration / MIT - Cambridge (USA)

Kubik OnlineUX UI Design & Development / Milan - Italy

MyCareMateUX UI Design / FDA - Italy

StopMyCravingBrand Design / London + H-Farm