Published on
Project :
ShareLibrary - an online library system platform

Role :
UI Designer and Frontend Developer

Date :
December 2016

Description :​
Actually, this is a final project of Web Design and Development Course at my campus, but me and my friend tend to do it seriously as our exercise to the next bigger project if we willing to take.
First, we read the the web requirement and then, we make a user flow as:
User
Landing Page > Login >  Library Page > Book Detail > Borrow > My Books

Admin
Landing Page > Login > Admin Page > Add Book > New Book Detail
Then, we translate the requirement as for the landing page, where the visitor could easily see books per card with title, author and a detail button where they can see further details of the books.
Then, we make distinctive headers on every page, so the users won't be confused at where they're now
For every books, they have a book page detail where user and visitor get the information about the author, publisher, description, and review of the selected book. Also, they can borrow the book by clicking the "Borrow" button and submit a review after they read it. 
Colophon
Coded with Bootstrap Framework and used Maitree Font from Google Fonts.
You can easily clone the project from here :
https://github.com/ilyasfahreza/sharelibrary

Team

Ilyas Fahreza - UI Designer and Frontend Developer
Gibran M F Wisesa - Backend Developer
Published on
Project :
Quint - Internship Matchmaking Platform

Role :
Researcher and UI Designer

Date :
December 2016 - February 2017

Website :
http://quint.id

Description :​
An improvement of 1st Quint.id MVP with the goal to create a platform where companies that already use quint know about their issues and solve their problems on the first MVP before.

After interviewing some HR from various tech companies in Indonesia, we got insights and made a summary as:

Problem
  • It's painful for them to tell Quint applicants' status via email 1 by 1
  • It's painful to create a job post because they have to complete all unecessary information before they can submit it
  • It's painful for applicants because they dont know what's their application status

Goal
  • Students know their application status in real time
  • Companies can change students' application status easily
  • Companies can add new job post easily

Do's
  • Create simple company dashboard where it store all application data and they can change applicants status easily
  • Create job post page where company can add new job post and stop it (if it's already unavailable)
  • Create default / personalized rejection letter when company change the status to 'rejected'

Core Components
  • Job post field
  • Recruitment process
  • Personalized letter
  • List of application
  • Company profile (view only)
  • Company profile form (create and update)​

Company Dashboard

A summary of company statistic applicants are useful for the HR to maintain the progress of their recruitment process by using Quint.
For every applicants the company HR needs a short detail that informative for their consideration and feature to easily change the applicant status as the result.
Applicants grouped by their applied position on that company, so the HR could easily compare every applicants in the same position.
Full page of the company dashboard and empty states of it.

Company Job Post

Job Post Form with representative placeholders on the input, so the HR could easily post a position with informative details for the applicants
After the form filled, they need to review the job position that will be posted, so they can change wrong inputs if any.
Pages of job posting

Team

M. Firza Pratama - Product Manager
Shylla E. Pramadhani - Researcher
Ilyas Fahreza - Researcher & Designer
Published on
Project :
Quint - Internship Matchmaking Platform

Role :
Researcher and UI Designer

Date :
December 2016 - February 2017

Website :
http://quint.id

Description :​
An improvement of 1st Quint.id MVP with the goal to create a platform where students that already use quint know about their issues and solve their problems on the first MVP before.

After some iterations of research and testing, we summarized as:

Problem
  • Students hard to know their applications' status
  • Students are clueless about what to prepare for their interview /test
Goal
  • Students know their application status without contacting the FIR first
  • Students get valuable resources for their interview / test preparation which can increase chances of getting accepted
Do's
  • Show Me list of applied job with its status
  • Give the list of resources for their interview / test for every applied job  
Core Components
  • List of Applied job (sorted by time when status changed)
  • List of Preparation Resources (a place where student can prepare for their interview /  on-site-online test)

Student Dashboard

A statistic summary of their job applications as an overview of their recruitment process.
For every job they applied, there's a job card that contains information about their application, included the position name, location, company, recruitment status, and a button for their materials preparation for the interview/online-on-site tests. 
Full page of the student dashboard and empty states of it.

​Team

M. Firza Pratama - Product Manager
Shylla E. Pramadhani - Researcher
Ilyas Fahreza - Researcher & Designer
Published on
Yeay! Hopefully this first personal & portfolio website could encourage me to be more productive for the next semester.

Thanks for visiting, :)

Author

Ilyas Fahreza

Categories

    No tags found.