Coding Lab

Online marketplace to hire talents or find jobs.


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).


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.


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.


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

In my design process. I worked using a human-centered design approach and followed lean and agile methodologies.







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:
Freelancers Pain Points:

Create User Persona & Market Research

Here is an example of one of the three user personas we created.
Here is an example of competitive analysis

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

Rough Sketches
Lo-Fi Wireframes

Branding & Style Guide

Codinglab Logo
Brand Identity
Custom Illustrations
Custom Icons

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.