Building a platform for human to teach A.I
Building a platform for human to teach A.I
Case study (WIP)
Published on
Feb 28, 2022
·
5
min read
Artificial Intelligence (A.I.) as we know it today didn't develop independently. Ironically, it still requires human intervention to determine what's right and wrong. It can be argued that A.I., like Tesla and ChatGPT, has matured to a point where it only requires minimal input from us to perform as expected.
Artificial Intelligence (A.I.) as we know it today didn't develop independently. Ironically, it still requires human intervention to determine what's right and wrong. It can be argued that A.I., like Tesla and ChatGPT, has matured to a point where it only requires minimal input from us to perform as expected.
In 2016 I joined Supahands, back then the company was more like a gig-worker platform for personal assistants. We help Supahands customers to book flights, book a restaurant, review documents and more through our part-time remote workers called SupaAgents.
We saw the trend in A.I and the saw a big gap to get A.I where it is today. Which are high cost to train A.I system and just the tedious nature of training them.
In this blog post, I’ll delve into the design processes, challenges, and outcomes of revamping this dynamic workspace.
1. Understanding Supahands’ Workplace
Supahands, a startup specializing in training datasets for AI and Machine Learning, needed a robust platform to manage their global workforce. Enter Supahands Workplace—a hub where project managers collaborate with SupaAgents (the talented individuals who annotate images, tag data, and transcribe content). My role? To craft an intuitive, efficient, and visually appealing user experience.
2. The design process
Communication & operations
The first step was understanding the intricate communication flow. Project managers needed to assign tasks, monitor progress, and provide feedback seamlessly. SupaAgents, on the other hand, required clear instructions and a straightforward interface. I conducted interviews, observed workflows, and mapped out user journeys.
User-centered design
User testing became my mantra. I collaborated closely with Project Managers and SupaAgents, validating UX solutions. We iterated on wireframes, ensuring that every button click and form field felt intuitive. The challenge? Balancing simplicity with the platform’s robust capabilities.
Automation & security
Supahands’ growth demanded scalability. Automation was our ally. We introduced features like data slicing for enhanced security. The challenge here was maintaining transparency—users needed to understand how automation impacted their tasks.
3. Challenges faced
B2B transition
Supahands shifted from B2C to B2B. Suddenly, our audience was different—corporate clients seeking reliable data services. Our branding and messaging needed an overhaul. The website had to scream “professional” at the same time entice gig-workers to signup on the part-time platform.
Service descriptions
Supahands’ services—image annotation, data tagging, transcription—were complex. We needed to demystify them. The FAQ pages were outdated, and clients craved detailed explanations. How could we convey expertise without overwhelming users?
4. The outcome
New and updated landing pages
The redesign birthed sleek, modern landing pages. Each service vertical had its spotlight, with clear CTAs. We ditched jargon and opted for plain language. The result? Increased awareness among potential clients.
Consistent visual language
Supahands’ branding now exuded professionalism in terms of craft yet still approachable. The color palette, typography, and iconography aligned across all touchpoints, Supahands Workpalace, Website, SupaAnnotator and more. Users felt they were dealing with a reliable partner.
Enhanced engagement
The Parallax Effect—a subtle scroll animation—added dynamism. As users explored the platform, images and content moved in harmony. Engagement metrics targeted at SupaAgents gig worker soared.
5. Conclusion
Supahands UI/UX redesign was more than pixels and wireframes. It was about empowering a global workforce, bridging communication gaps, and ensuring efficiency. As a UI/UX designer, I learned that sometimes the most impactful designs emerge from understanding the people behind the screens.
Remember, great design isn’t just about aesthetics; it’s about solving real-world problems.
In 2016 I joined Supahands, back then the company was more like a gig-worker platform for personal assistants. We help Supahands customers to book flights, book a restaurant, review documents and more through our part-time remote workers called SupaAgents.
We saw the trend in A.I and the saw a big gap to get A.I where it is today. Which are high cost to train A.I system and just the tedious nature of training them.
In this blog post, I’ll delve into the design processes, challenges, and outcomes of revamping this dynamic workspace.
1. Understanding Supahands’ Workplace
Supahands, a startup specializing in training datasets for AI and Machine Learning, needed a robust platform to manage their global workforce. Enter Supahands Workplace—a hub where project managers collaborate with SupaAgents (the talented individuals who annotate images, tag data, and transcribe content). My role? To craft an intuitive, efficient, and visually appealing user experience.
2. The design process
Communication & operations
The first step was understanding the intricate communication flow. Project managers needed to assign tasks, monitor progress, and provide feedback seamlessly. SupaAgents, on the other hand, required clear instructions and a straightforward interface. I conducted interviews, observed workflows, and mapped out user journeys.
User-centered design
User testing became my mantra. I collaborated closely with Project Managers and SupaAgents, validating UX solutions. We iterated on wireframes, ensuring that every button click and form field felt intuitive. The challenge? Balancing simplicity with the platform’s robust capabilities.
Automation & security
Supahands’ growth demanded scalability. Automation was our ally. We introduced features like data slicing for enhanced security. The challenge here was maintaining transparency—users needed to understand how automation impacted their tasks.
3. Challenges faced
B2B transition
Supahands shifted from B2C to B2B. Suddenly, our audience was different—corporate clients seeking reliable data services. Our branding and messaging needed an overhaul. The website had to scream “professional” at the same time entice gig-workers to signup on the part-time platform.
Service descriptions
Supahands’ services—image annotation, data tagging, transcription—were complex. We needed to demystify them. The FAQ pages were outdated, and clients craved detailed explanations. How could we convey expertise without overwhelming users?
4. The outcome
New and updated landing pages
The redesign birthed sleek, modern landing pages. Each service vertical had its spotlight, with clear CTAs. We ditched jargon and opted for plain language. The result? Increased awareness among potential clients.
Consistent visual language
Supahands’ branding now exuded professionalism in terms of craft yet still approachable. The color palette, typography, and iconography aligned across all touchpoints, Supahands Workpalace, Website, SupaAnnotator and more. Users felt they were dealing with a reliable partner.
Enhanced engagement
The Parallax Effect—a subtle scroll animation—added dynamism. As users explored the platform, images and content moved in harmony. Engagement metrics targeted at SupaAgents gig worker soared.
5. Conclusion
Supahands UI/UX redesign was more than pixels and wireframes. It was about empowering a global workforce, bridging communication gaps, and ensuring efficiency. As a UI/UX designer, I learned that sometimes the most impactful designs emerge from understanding the people behind the screens.
Remember, great design isn’t just about aesthetics; it’s about solving real-world problems.
In 2016 I joined Supahands, back then the company was more like a gig-worker platform for personal assistants. We help Supahands customers to book flights, book a restaurant, review documents and more through our part-time remote workers called SupaAgents.
We saw the trend in A.I and the saw a big gap to get A.I where it is today. Which are high cost to train A.I system and just the tedious nature of training them.
In this blog post, I’ll delve into the design processes, challenges, and outcomes of revamping this dynamic workspace.
1. Understanding Supahands’ Workplace
Supahands, a startup specializing in training datasets for AI and Machine Learning, needed a robust platform to manage their global workforce. Enter Supahands Workplace—a hub where project managers collaborate with SupaAgents (the talented individuals who annotate images, tag data, and transcribe content). My role? To craft an intuitive, efficient, and visually appealing user experience.
2. The design process
Communication & operations
The first step was understanding the intricate communication flow. Project managers needed to assign tasks, monitor progress, and provide feedback seamlessly. SupaAgents, on the other hand, required clear instructions and a straightforward interface. I conducted interviews, observed workflows, and mapped out user journeys.
User-centered design
User testing became my mantra. I collaborated closely with Project Managers and SupaAgents, validating UX solutions. We iterated on wireframes, ensuring that every button click and form field felt intuitive. The challenge? Balancing simplicity with the platform’s robust capabilities.
Automation & security
Supahands’ growth demanded scalability. Automation was our ally. We introduced features like data slicing for enhanced security. The challenge here was maintaining transparency—users needed to understand how automation impacted their tasks.
3. Challenges faced
B2B transition
Supahands shifted from B2C to B2B. Suddenly, our audience was different—corporate clients seeking reliable data services. Our branding and messaging needed an overhaul. The website had to scream “professional” at the same time entice gig-workers to signup on the part-time platform.
Service descriptions
Supahands’ services—image annotation, data tagging, transcription—were complex. We needed to demystify them. The FAQ pages were outdated, and clients craved detailed explanations. How could we convey expertise without overwhelming users?
4. The outcome
New and updated landing pages
The redesign birthed sleek, modern landing pages. Each service vertical had its spotlight, with clear CTAs. We ditched jargon and opted for plain language. The result? Increased awareness among potential clients.
Consistent visual language
Supahands’ branding now exuded professionalism in terms of craft yet still approachable. The color palette, typography, and iconography aligned across all touchpoints, Supahands Workpalace, Website, SupaAnnotator and more. Users felt they were dealing with a reliable partner.
Enhanced engagement
The Parallax Effect—a subtle scroll animation—added dynamism. As users explored the platform, images and content moved in harmony. Engagement metrics targeted at SupaAgents gig worker soared.
5. Conclusion
Supahands UI/UX redesign was more than pixels and wireframes. It was about empowering a global workforce, bridging communication gaps, and ensuring efficiency. As a UI/UX designer, I learned that sometimes the most impactful designs emerge from understanding the people behind the screens.
Remember, great design isn’t just about aesthetics; it’s about solving real-world problems.
© Copyright 2025 Ibrahim Hanif. All Rights Reserved.