Blog Archives

ShareLibrary

2/24/2017

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

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.

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

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.

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.