Coding Lab
Online marketplace to hire talents or find jobs.

Overview
CodingLab is a SaaS-based freelance platform that connects businesses with independent professionals and makes easy hiring and outsourcing process for Netherlands users. This is an ongoing project currently in development.
I worked on this project as a Product Designer. And my responsibilities were to perform Market + User research, create Wireframes, Mockups, Prototyping, Information design, and Usability Testing. I worked with a team of 9 members (1 Product manager, 2 Designers, and 6 Engineers). And the tools I used to complete my work are (Adobe XD, Figma, Principal, Miro, Slack, and Maze).
Challenge
The main challenge was to build a system that will help companies and clients who don’t have the technical knowledge to hire tech freelancers in the Netherlands.
So the problem was when a client or nontech recruiter wants to hire a professional. They post jobs on many platforms. In the end, they received a lot of resumes, bids, proposals, etc. However, they don’t know which one is better for their work according to budget, time, and experience. And in the end, they hire the wrong person. Finally, they post negative feedback on the freelancer’s profile.
Solution
My suggested solution was to create an online marketplace to help users. Where we simplify the talent search and accelerate the hiring process with the help of an AI-based algorithm that matches the freelancers with the job requirements. So that clients can save their time and hire easily without any technical knowledge.
Results
As result, clients can save a lot of time and effort in hiring. On the other hand, freelancers can get projects easily.
We got 97% positive feedback from users during the MVP testing.
40% user engagement increased during signups.
Design Process
Empathize
Define
Ideate
Design
Test
Discovery
User Research and interviews
I started my work from discovery. Where I’ve Conducted both Qualitative and Quantitative research for this project. To analyze the data and identify the pain points of the users from the interviews. I performed Thematic Analysis on it. And found common themes, patterns, topics, and ideas.
Based on the user’s empathy. We found these issues of the Clients and Professionals.
Empathy Mapping
Using Thematic Analysis, I created an Empathy Map. And the purpose of creating an Empathy map was to better understand the pain points and the feeling of the Coding Lab users.
Identify Pain Points
Based on the user’s empathy. We found these issues of the Clients and Professionals.
Clients Pain Points:
- Can't identify the right Pro, due to the many proposals.
- Receive a lot of requests on LinkedIn and on emails.
- Data protection issues due to outsourcing.
- Time zone and Language barrier issues.
- Complex UI and functionality.
Freelancers Pain Points:
- Paying high fees.
- A lot of competition.
Create User Persona & Market Research


Key Finding
Based on the insights and data gathered from the user’s pain points and market research. We clearly understand the problem.
Less & Authentic Proposals
Clients need only 4,5 proposals so that they can choose the best.
Data Protetion
Clients need data protection when they want to post a job.
Streamline Projects
Freelancers need continuously projects so that they can’t put their self to finding the jobs.
Easy Search
Freelancer can easily available near to the client location for better collaboration.
Design Process
Rough Sketches & Lo-Fi Wireframes


Branding & Style Guide




High-Fi Designs
Designed more then 100 pages and 20 main sections. Codinglab has different types of functionality and user experience for their users in the form of clients, freelancers, admin accounts.

Client account
To stand out from this platform from its competitors, We designed Job posting, Hiring, Time management, Contracts, and many other features for the clients.

Freelancer account
Freelancers can get a job according to their skills with the advanced job matching feature. Other features: Applications, Time management, Contracts, Messaging, etc.

Landing page design
Design a landing page to show various features and benefits that users get from Coding Lab.

Responsive version
Created responsive version to get the best results on different mobile devices.