top of page
KKStream Work.jpg
KKBOX Group
KKStream
Video Streaming
Web Design
Infographics
KKStream
Official Website / Icon Design

KKStream Limited. often participates in global technological exhibitions, and visitors want to know more about us from our official website. Therefore, for providing more complete information, we decided to redesign our official website in 1 month to prepare for Content Tokyo Exhibition at April 2019. I worked closely with front-end engineer and business developer
in this project.

Collaborate with
  • Front-end engineer

  • Business developer

  • Public relations department 

My responsibilities
  • Web UI / UX design

  • Logo / Infographic design

  • Style guide definition 

Goals
  • Clear Information Presentation
    Display massive information in a more logical, hierarchical way. 
      

  • Consistent & Refreshing Visual 
    Unify the style of the website. Design more appealing, professional icon and infographics.  

Site Map

I discussed with our business developer and technical director to clarify and define the structure:

KKS Official Website.jpg
Wireframe

We discussed and rearranged the information in each product page. We separated the product content into several logical parts and adjusted the order, with each part using clear and suitable visual presentation. 

KKS Wireframe.png
Features
Consistent Visual
KKS Features1.png

Adjusted the colors being used, making the website more bright and cheerful instead of overwhelming users with heavy colors.  

Logical Content Sections
KKS Features5.png

Rearranged the content into different sections, and presented them in a more understandable and friendly way.   

Clear Visual Hierarchy
KKS Features2.png

Distinguished the title, content and button, making the information more readable. Use customer logos in Customer Story page to present the image in a more professional, persuasive way.       

Brand New Icons
KKS Features4.png

Unified and redesigned icons with a simple, geometrical style.       

Products Navigation
KKS Features3.png

Add other products navigation at the end of each product page for better browsing experience. 

KKS Mockup.png
Style Guide
KKStream Style guide.jpg
KKS Icon.jpg

I designed the icon set for technical services and features. For technical services, I combined geometrical shapes to simulate the concept.

Icon set
Infographic

I consulted the technical director and business developer at this stage. Since the flow is complicated, I tried to make the flow chart more user-friendly via data visualization. The infographics were also applied to KKStream’s booth in Content Tokyo Exhibition, including poster, leaflet and demo video.

KKS Infographics.jpg
Image from iOS (7).jpg
Image from iOS (6).jpg
Image from iOS (8).jpg
Image from iOS (9).jpg
bottom of page