Ilyas Fahreza
  • Portfolio
  • About
  • Contact
  • Blog

ShareLibrary

2/24/2017

Comments

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

Then, we make distinctive headers on every page, so the users won't be confused at where they're now
Picture

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. 
Picture
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
Comments

Quint Student Dashboard

2/23/2017

Comments

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

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

Full page of the student dashboard and empty states of it.
Picture

​Team

M. Firza Pratama - Product Manager
Shylla E. Pramadhani - Researcher
Ilyas Fahreza - Researcher & Designer
Comments

Quint Company Dashboard

2/23/2017

Comments

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

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

Applicants grouped by their applied position on that company, so the HR could easily compare every applicants in the same position.
Picture

Full page of the company dashboard and empty states of it.
Picture

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
Picture

After the form filled, they need to review the job position that will be posted, so they can change wrong inputs if any.
Picture

Pages of job posting
Picture

Team

M. Firza Pratama - Product Manager
Shylla E. Pramadhani - Researcher
Ilyas Fahreza - Researcher & Designer
Comments

    Author

    Ilyas Fahreza

    View my profile on LinkedIn

    Archives

    February 2017
    January 2017

    Categories

    All

    RSS Feed

© 2023 · Ilyas Fahreza
  • Portfolio
  • About
  • Contact
  • Blog