Image for post
Image for post

Designing Student As A Service Job Board: DSC Solution Challenge 2020

Stuass (Student as a service) is a platform that connects student entrepreneurs to potential employers or side jobs.

This was a project submitted as part of the Developer Student Clubs’ Solution Challenge 2020.

Introduction

Stuass (Student as a service) is a platform that connects student entrepreneurs to potential employers or side jobs.

It’s a job board website where companies can post jobs to be applied for by students, and companies can as well hire students based on their profile.

Objective & Goals

Our goal is aimed at solving the problem of job search for student freelancers who are actively looking for work to do to showcase their skills and also sustain their stay on campuses.

My Role

UI/UX Design

The Team

Okekunle Oluwatobiloba — Frontend Development.

Adekunle Mohammed Iyiola — Backend/API Development.

Bello Gbadebo — Project Management.

Soliudeen Ogunsola — UI/UX Design.

Akinyemi Olawale — Video Producer

Survey

Image for post
Image for post

We decided that the app will be for students within the Funaab community and its environs. So we created a survey to get a response from the students within the school community to get their thoughts about the project which I asked series of questions ranging from the student’s skill sets to the amount they would like to get paid per hour.

Survey Results

Image for post
Image for post
  • 75% of the skillsets filled were technical skills.
  • 60% of the total respondents stated that they are looking for a job to grow their skills and also to sustain their stay on campus.
  • 63.3% stated that they haven’t gotten a job as a Student on campus.
  • 93.3% of the total respondents are interested in the platform.

User Persona

Image for post
Image for post

Brainstorming

Image for post
Image for post

We created a Trello board where we highlighted all the project requirements for the design, front-end development, and API development. Each person on the team is assigned to their roles.

User Flow

Image for post
Image for post
Stuass User Flow

Design

User Sign in/Sign up

I designed the flow of the authentication process in a way that allows the user to sign in or sign up either as a student or as an organization that displays different input fields for additional information based on what was chosen.

Dashboard

The users are directed to this section of the design after successful user authentication and verification.

The dashboard is designed in two ways which are the student dashboard and the organization dashboard.

Student Dashboard

The users who signed up as a student are redirected to this dashboard after they have completed and verified their accounts.

The dashboard enables the students to have control over the following:

  1. Overview
  2. Profile
  3. Notifications
  4. Applications
  5. Past Jobs

Overview

Image for post
Image for post
Experts Overview

I designed the overview screen to allow the student freelancers to keep track of the number of jobs they have applied for, the number of jobs they have done looking, the number of hire requests they got, and the charts of profile views they had in a month or week. It also allows them to select whether they are open for jobs or not.

Profile

Image for post
Image for post
Experts Profile

The profile screen was designed to contain all the data about the student ranging from their name, skills, experience, phone number, hourly rate, CV, etc while also allows them to edit each data easily.

Notifications

Image for post
Image for post
Experts Notifications

This consists of all the notifications about profile view, reviews on the student profile, and job availability.

Applications

Image for post
Image for post
Experts Applications

The applications screen shows the jobs that the student have applied for. They can also search for the application with keywords relating to each role they have applied for.

Past jobs

Image for post
Image for post
Experts Past Jobs

The past jobs screen shows the jobs that the student freelancers have done for an organization.

Organization Dashboard

The users who registered as an organization are redirected to a dashboard completely tailored for them.

The dashboard consists of the following:

  1. Overview
  2. Profile
  3. Applications
  4. Job posted
  5. Past Employees

Overview

Image for post
Image for post
Organizations Overview

The overview screen for organizations was designed to help them keep track of the number of jobs they posted, the number of student freelancers they hired, the number of jobs completed by the students, and the chart showing the number profile views they had in a month or week.

Profile

Image for post
Image for post
Organizations Profile

The organization profile screen contains all the data about the organization which is been filled on registration and can also be edited.

Applications

Image for post
Image for post
Applications received by Organizations

The organization’s applications page shows all the student experts that apply for a particular position posted by the organization. This enables the organization to view the applications and then hire those that are qualified for the job.

Job Posted

Image for post
Image for post
Jobs Posted by Organizations

The job posted screen display the jobs that are been posted by an organization to find student freelancers for their open positions. The organization can also close each application when they are no more accepting applicants.

Past Employees

Image for post
Image for post
Organizations Past Employees

The past employees’ screen shows all profile of the student freelancers that have ever worked for an organization which links to their main profile and also makes it possible for an organization to hire the student expert back for a task.

Find Experts

Image for post
Image for post
Home
Image for post
Image for post
Find Experts

I designed the fond experts screen to list all the student freelancers who have verified their account on SaaS. It enables organizations to find these student freelancers for their work and filter their profiles based on skills, availability, and hourly rate.

Find Jobs

Image for post
Image for post
Find Jobs

The find jobs screen was designed to list jobs posted debt organizations and allow student freelancers to apply for jobs that are a great fit for their skills.

Expert Profile

Image for post
Image for post
Experts Profile

The expert/student freelancers profile screen is what an organization sees when they click on an expert from the list. The expert profile consists of the name, photo, experience, skills, availability, and hourly rate of an expert. It allows an organization to hire the student freelancers and also download their CV/Resume.

Reviews are also posted below the profiles of a student freelancer which serves as a recommendation to any organization that wants to hire that expert.

Job Posted

Image for post
Image for post
Job Posted Details

The job posted screen was designed to list all the information about an organization such as the logo, open position, organization name, dates posted, category, job description, duties, requirements, and responsibilities.

It allows the student freelancers to apply for the role on the page through the apply button.

Post a Job

Image for post
Image for post
Post a Job

I designed the post a job screen to allow a verified organization to post an open position available in their organizations.

Apply for Job

Image for post
Image for post
Apply for a Job

I designed the apply for job screen to allow verified students to apply to open positions available in an organization that fits into their skillsets.

Conclusion

We learned a lot during the process of designing and building this platform for student freelancers. The user interface was designed in a way that would allow the platform to scale alongside tech infrastructure.

The Result

Video Presentation.

You can view the live project on;

Thanks for reading!

You can check out my and also follow me on .

Written by

Product Designer — Building . Passionate about making tools accessible for Creative Minds 👉

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store