<![CDATA[Ilyas Fahreza - Blog]]>Thu, 25 Apr 2024 16:22:38 +0700Weebly<![CDATA[ShareLibrary]]>Fri, 24 Feb 2017 01:57:23 GMThttp://ilyasf.design/blog/sharelibraryProject :
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
]]><![CDATA[Quint Student Dashboard]]>Thu, 23 Feb 2017 11:07:08 GMThttp://ilyasf.design/blog/quint-student-dashboardProject :
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
]]><![CDATA[Quint Company Dashboard]]>Thu, 23 Feb 2017 05:57:27 GMThttp://ilyasf.design/blog/quint-student-company-dashboardProject :
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
]]><![CDATA[Hello World!]]>Wed, 04 Jan 2017 10:30:38 GMThttp://ilyasf.design/blog/hello-worldYeay! Hopefully this first personal & portfolio website could encourage me to be more productive for the next semester.

Thanks for visiting, :)]]>