Building a platform where next-gen AI models get trained by humans!

Building a platform to train AI models for RLHF and SFT annotations!

Building a platform where AI get trained by humans!

Building a platform to train AI models for RLHF and SFT annotations!

When a AI model is build it build in stages, it starts from a general SFT means feeding data into it and then there comes RLHF where humans comes to tell AI if the result is right or wrong and by how much.

When a AI model is build it build in stages, it starts from a general SFT means feeding data into it and then there comes RLHF where humans comes to tell AI if the result is right or wrong and by how much.

CONTEXT

CONTEXT

Humans make AI smarter!

Humans make AI smarter!

In training AI, humans play a big role by giving feedback that helps it learn, improve, and make smarter choices.

In training AI, humans play a big role by giving feedback that helps it learn, improve, and make smarter choices.

OBjective

OBjective

Building a platform where AI get’s trained by humans!

Building a platform where AI get’s trained by humans!

For building a successful AI training platform we need to build 2 things...

For building a successful AI training platform we need to build 2 things

Studio / Dashboard
Studio / Dashboard

Where user can see their current projects, tasks and task history along with training.

Where user can see their current projects, tasks and task history along with training.

Annotation Platform
Annotation Platform

Where the annotators will be performing the tasks and actually training the AI.

Where the annotators will be performing the tasks and actually training the AI.

Insights

We only need a Platform consist of these 4 things!

There was only few competitors in the market and most of them have locked design, and they don’t wanted to show their UI design due to confidential reasons.

Our product have 2 types of users!

Our product have 2 types of users!

First ones are annotators, who will be working on our project & Second one will be QCs, who will be checking the quality of the tasks done by the annotators and this can grow in future.

First ones are annotators, who will be working on our project & Second one will be QCs, who will be checking the quality of the tasks done by the annotators and this can grow in future.

Annotator's View
Annotator's View

In annotation view user can see what are the projects that are assigned to him and if there's a task available it will be visible on the project card

In annotation view user can see what are the projects that are assigned to him and if there's a task available it will be visible on the project card

QC View for Tasks
QC View for Tasks

As mostly QC was in-house members they're more data oriented and want more details to be visible in a less of a view so we created

As mostly QC was in-house members they're more data oriented and want more details to be visible in a less of a view so we created

Annotation Tool

Annotation Tool

Platform where AI get's trained!!

Platform where AI get's trained!!

There was only few competitors in the market and most of them have locked design, and they don’t wanted to show their UI design due to confidential reasons.

There was only few competitors in the market and most of them have locked design, and they don’t wanted to show their UI design due to confidential reasons.

There are various use cases for annotations!

There are various use cases for annotations!

Use cases like Video annotation, Image annotation and Image annotation are some common type of annotations that we have catered to!

Use cases like Video annotation, Image annotation and Image annotation are some common type of annotations that we have catered to!

We tried to cover the most complex ones first!!

Tried to cover the most complex ones first!!

Use Cases

Although the tasks that we have from client was very simple but we actually have tried to build the complex ones in the designing so that we can build a much scalable platform!

Although the tasks that we have from client was very simple but we actually have tried to build the complex ones in the designing so that we can build a much scalable platform!

Studio Design

Studio Design

Building a Robust Design System!!

Building a Robust Design System!!

Starting with Colors

Keeping things basic.. I created shades of the colors and keep it simple.

The most important part of design, Typography!!

Have sat with developers to define the breakpoints for typography and use variables to define it in Figma!

Sitting with Developers to figure out the Breakpoints for typography!!

Defining Breakpoints in Figma Variables & Modes for making design responsive easily!

Building & Defining Components

It wasn't perfect but as a solo designer I tried to make the best out of my time!

The most important part of design, Typography!!

Have sat with developers to define the breakpoints for typography and use variables to define it in Figma!

Defining Breakpoints in Figma Variables & Modes for making design responsive easily!

Building & Defining Components

It wasn't perfect but as a solo designer I tried to make the best out of my time!