Overview
KKStream 是一家專門為客戶打造看劇平台的B2B技術公司,隸屬於 KKBOX Group,提供影音串流技術、幫客戶設計 APP UI 畫面及優化看劇的使用者經驗。這次為了拓展更大的市場,我們根據以往設計看劇 APP 的使用者經驗,將看劇的 APP 做成 template並結合技術,包裝成一個套裝組合 - OTT Easy,可以輕易的將客戶的影片內容展示在平台上,並可以為客戶量身打造專有的品牌與色調。平台包含一般觀看影片、live 影片、廣告播放。
KKStream is a B2B technology company specializing in building streaming platforms for clients, and is a part of the KKBOX Group. The company provides video streaming technology, designs app UI screens, and optimizes user experiences for watching content. To expand into a larger market, we have leveraged our past experience in designing streaming apps and transformed it into a template. We combined this with our technology to create a packaged solution—OTT Easy. This platform allows clients to easily showcase their video content and customize it with their own unique branding and color schemes. The platform supports standard video viewing, live streaming, and ad playback.
challenge
我在其中面臨的挑戰是要將 UI 符合各種影音內容商客戶的需求,例如: 換品牌、換色、 客製功能、不同的收費方式...等等。
在換色上面,我在 Sketch 檔案上使用 symbol 換色的方式,達到抽換色號,整個系統的色調都可以立刻有效率的改變。比較大的挑戰,在不同客製功能上要能隨意抽換模板,以應付不同客戶的需求,因此我將每個元件都做成單一的 symbol 物件,並與工程師一起命名,將來要置換功能時,只需要抽換 symbol 的物件。
因應這次產品的業務方向,重新規畫了新的 KKStream 品牌視覺,我們找了 DDG 品牌顧問公司合作,我從中負責連絡、溝通品牌方向,並於日本 Content Tokyo 與新加坡 BroadcastAsia 參展,以拓展業務。
One of the challenges I faced was designing a UI that meets the diverse needs of various video content provider clients, such as rebranding, color changes, custom features, and different pricing models. For color adjustments, I used symbols in Sketch to swap color codes, enabling the entire system's color scheme to be efficiently and instantly updated.
The bigger challenge was ensuring the system could easily switch templates to accommodate different custom features for clients. To solve this, I created each component as a single symbol object and collaborated with engineers to name them properly. This way, when a feature needs to be replaced, we can simply swap out the relevant symbol object.
In line with the product’s business direction, we rebranded KKStream’s visual identity in collaboration with DDG, a branding consultancy. I took charge of liaising and communicating the brand direction, and also assisted the BD team by representing KKStream at Content Tokyo in Japan and BroadcastAsia in Singapore to expand our business.
Role
UI/UX Designer
Works
Mockup, Design Guideline
Client
KKStream Inc. (KKBOX GROUP)
Period
Dec 2017 - Feb 2018






