!doctype html> Product & web design for Videoken’s AI-powered learning platform | 3 Sided Coin
Contact

VideoKen Learning Platform

2017 Edu tech, AI

Videoken is a collaborative learning platform used by organizations for their internal training. Videoken is one of the pioneering products from India that used AI to create table of content from videos.

Product Design Design Systems
Web, Mobile

Learners can search for courses, videos, or playlists of their favorite topics. For learning these materials, they can add notes, strip videos to create their own material, and share with friends.

Courses will also have tests that learners can take and receive grades. 3SC redesigned the entire learning platform for VideoKen.

Videoken

Landing page

Landing page for non-logged-in users. This page will showcase the main features of the platform. View of the large screen can be found at the link below.

landing page
Homepage for logged-in users —

The homepage shows the learners all the courses they are taking, suggests courses and playlists based on historic or profile-level data.

Learners can also resume their activity from the top section or the bottom play-bar.

videoken landing page
Lessons & Playlists —

Strip existing videos into smaller chunks and save them to your own playlists to create your own learning material.

video lessons
course playlist
Playlist interaction —

Once learners have created playlists, or otherwise, when a video is playing—the system will suggest videos for continuous learning.

this screen shows updated and new product capabilities from credit score check to improved banking experience
Course tests —

The courses have tests—some timed and others not and often for practice—that the users can take and see their results.

this screen shows updated and new product capabilities from credit score check to improved banking experience
tests screen
design system —

A small and functional collection of rules and components

VideoKen:
                                typography and grid.
VideoKen: typography and grid.
A component sheet for forms, models with
                                their specifications, and documentation of
                                the behaviors.
A component sheet for forms, models with their specifications, and documentation of the behaviors.
Comments and avatars in a component sheet.
Comments and avatars in a component sheet.
credits —

Design

Tejas