Loading

type

Framework | Video platform

Status

2016-2017

client

Personal Startup


Back to projects

name

Kiwari

Code

Kiw

KIWARI is a Japanese woodworking technique focusing on combining pre-made, tightly fitting elements into a structure without using screws or nails. It can best be described as making complex architectural works out of puzzle pieces similarly to Lego.

EHS

Environment Health and Safety

Since 2013 delivered, implemented and developed till now
Used tools
Adobe Photoshop
Adobe illustrator
Used tools
Adobe Photoshop
Adobe illustrator
Used tools
Adobe Photoshop
Adobe illustrator
Used tools
Adobe Photoshop
Adobe illustrator

KIWARI

Intro

The Kiwari project was created while creating the necessary framework for the Gambit platform. The component work environment made it possible to use it in other areas than it was initially planned. Thus, Kiwari became the basis for the development of a product from the video industry, the Neurocast application.

Background

About

Kiwari is a philosophy of modular design which stems from years of battle with the status quo of the streaming industry. We took what worked and, based on these first principles, constructed something radically new. Kiwari isn’t just some empty claims - we have deployed and tested our solutions with some of the world’s most demanding clients, receiving overwhelmingly positive feedback.

This was the inspiration for one of our flag-ship projects, where we helped our client develop his IT infrastructure. One could easily rearrange or modify parts of it without causing any damage. Seeing the large impact it had, we decided to further develop this idea while also giving it its unique name and visual identity.

Core info

Team size
5
Market
Global
Role
• Co-founder
• Product designer
Tasks
• Analyzing the customer's business model
• Preparation of the platform vision for indicative purposes
• Creating a complete system design for platforms (and developing it along with the project)
• Designing data-rich user interfaces
• Creating tools in the version with business guidelines and versions with the platform version
• Creating mockups and prototypes of applications with the platform
• Presentation to the stakeholder and project team
• Creating the concept of supporting applications (future platform development)

EHS

Environment Health and Safety

Since 2013 delivered, implemented and developed till now

Study

Project data

Project challenges
• Data-heavy User interface
• Translation of abstract components into business requirements and user interface
• Changing the model of end-users' work - because so far they had been working on Excel files, they knew this environment perfectly well, any other solution met with adaptive resistance
Competitors
• Wordpress
• Wix
• Webflow
Used tools
• Sketch App
• InVision
• Abstract
• Google Slides
• Google Sheets
• Google Docs
Resources / Knowledge base
• S360 framework
• S360 knowledgebase

Research

  • Designers are left out of most of the design process
  • Developers often complete design tasks (because there is incomplete documentation, no system states, only a happy path designed)
  • Every job ends with the developer - ultimately he has to upload the designed icons in design
  • Developers use old code, designers pretend they don't reuse designs
  • There is residual use of design libraries
  • The [PM, DES, DEV] workflow is logically connected but technically completely separate

Pain points

  • What we were working on turned out to be an unsoldable product, in fact it was made for internal use
  • It needed building to be able to show the power of the solution
  • Kiwari as a product could only be of interest to developers

Work with all kinds of content 3

From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.

Summary Kiwari

Kiwari has never been a web application. Rather, it was a set of modules with a React approach to design (remember that Kiwari was created in 2015-2017, and Facebook only made React public in 2017). The distinguishing feature is that the framework allowed for adding new modules or elements of business code to the existing application without losing the existing structure. Kiwari was the necessary technological core to build applications such as Gambit or the Neurocast described below.

Deliverables

  • Platform style guide
  • User journey
  • High and low fidelity mockups
  • Design documentation
  • Clickable prototypes
  • Variations of components

Results

  • EDIT EDIT
  • EDIT EDIT
  • EDIT EDIT
  • EDIT EDIT

Work with all kinds of content 3

From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.From colors to images, text to numbers, define the content and structures you need for your project.

EHS

Environment Health and Safety

Since 2013 delivered, implemented and developed till now
Used tools
Adobe Photoshop
Adobe illustrator
Used tools
Adobe Photoshop
Adobe illustrator
Used tools
Adobe Photoshop
Adobe illustrator
Used tools
Adobe Photoshop
Adobe illustrator

Neurocast

Intro

The project was created as an attempt to use the technology (Multi Transport Technology) created with the Polygoncast team during the implementation of the KIWARI framework.
The task was to design a multi-channel video player for private users. The scope of the work was undefined. The only requirements were to emphasize the advantage of technology over existing solutions.
What can be summed up as a general brief - "it has to be different, but the same".

The Nuerocast prototype resulted in gaining new business opportunities during the NAB conference in Las Vegas 2017 and establishing cooperation with OTOY and the largest social network platform in the world

Core info

Year
2017
End users
• Media platforms
• Multimedia content providers
• Technological startups
Role
Product designer

• UI lead
• UX lead
• Visuals
Market
Global
Team size
5
Tasks
• Creating a concept for a modern video player
• Defining the UX and UI architecture for the product
• Working closely with technology manufacturing engineers to define product market fit, vision, philosophy and strategy
Business requirements
• Preparation of an alternative path of using the application
• Changing the screen layout, and thus the components us

Neurocast mockup | 2016

Broadcast Management

The freedom of shaping media message is limited to the materials provided by the broadcaster. Broadcaster for reasons of technological limitations most often transmits video from a single source. For larger transmissions, such as sporting events, it is necessary to have a car transmission and director working in the operating room.

Identity models by  Vidon Baya Director & Head of Emerging Technology of City Ventures | 2019

Contesting broadcast status quo

Simply put, the current technological solutions can be divided into two types of streaming media. Unicast and Multicast.

Unicast is characterized by the fact that the receiver sends a query to the sender's server, which verifies the client and sends the appropriate content. This happens continuously and individually for a single receiver. As a result, 1,000 connections are made with 1,000 clients, leading to a heavy load on the server.

Multicast, on the other hand, allows to reduce the transfer, because through one connection it sends information to all recipients, but loses the possibility of transfer on demand - everyone who is connected to the server has access to the same data.

Neurocast

The best of both worlds. The technology allows you to create rich content broadcast on principles like P2P. More than this allows you to keep control over the display of content to the user.

EHS

Environment Health and Safety

Since 2013 delivered, implemented and developed till now

Study

Project data

Project challenges
• Defining the scope of the project
• Redesigning the system without its original assumptions
• Redesigning the application components so that they have a safe fallback to the platform solutions
Research / interviews
• Surprisingly - the video industry is not willing to changes
3rd party integration
• Salesforce
• S360
• Microsoft Azure Active Directory
• Microsoft Power BI
Competitors
• Salesforce
• Microsoft Excel
Resources / Knowledge base
• DMS 1.0 as a reference
• S360 Style Guide
Used tools
• Sketch App
• Adobe Photoshop
• Adobe Illustrator
• Adobe XD

Features

Rich content media

Player with the possibility of embedding video content within the material, eg. Change cameras

Inifinity zoom

The only limitation to the zoom is the video material provided.

MTT

Kiwari allowed to use a variety of video transmission technology, which adjusts depending on demand streaminig

12K-360°-Ready

Based on the Facebook solution with 360 video, Neurocast allows you to stream 360 ° materials in 12K quality

Summary Neurocast

Working on Neurocast was quite an adventure. I learned a lot about the streaming industry and its flaws - unfortunately. This journey gave me an opportunity in a completely new field and it was exciting.
With the team, we tried to push video to another level but instead, we end up working with Radio On Internet.

Yup ...

coincidently happened that during the time we were looking for clients/investors we started a collaboration with the social network platform. And this leads to a partnership with the co-founder of Otoy at a set of Silicon Valley.

A scene from the Silicon Valley series for which we provided real video transfer data