Work  //  About


Adobe XD

Mobile Design

How might we ease the immigration process and paperwork tracking for international students who intend to study in the United States?

Product Overview


An app that guides and assists international students that are intending to study within the U.S. with a limited range of immigration related services.

International Students

Ensure everything is in check in regards to paperwork, documents, and status

Research Process


F-1 Student Visa Sample

Applying for a US student visa can be a tough and lengthy process. Some high schools provide assistance, and some just stop at the point where students receive their college acceptance letter.

On top of that, what if the international student department doesn't reply to you in time due to the thousands of students they have to deal with on their part?

Here's where the app comes in handy.

This is a checklist The New School sends out to students whenever its peak travel time. Often neglected as sandwiched within other info.

Pain Points

  1. Tough and lengthy process and paperwork
  2. Papers to keep track of their expiration
  3. Things to be aware when making decisions (e.g. travel)

Proposed Solution

  1. Track and reminds you of expiring documents
  2. e-Copies of documents with you all times
  3. Checklists to assist in multiple procedures
  4. Immigration related updates


The user is an international student that wants to ensure everything is in place regarding his documents and status.

The user needs to ensure everything is in place regarding his documents and status, because if he/she doesn’t, immigration issues arise.

User Research

Vi Ka Chaang, 20, Malaysia

Purdue University

Sciences, Genetics, Korean Drama

Survive through college,
Get a sustainable and good job

Vagueness and ambiguity,
Annoyance and restrictions that comes with being “international”

Zina Ibrahim, 21, Kingdom of Jordan

The New School


Achieve study life balance

Things that don’t work as promised

Tiffany Ying, 19, Hong Kong SAR

The New School

Graphic Design

To figure out what she wants to do after college

Paperwork in general

Flow Research

Here I’ve first identified what were the key information the app should know in order to guide the students in the right direction. A common example would be: has the student acquired a visa already?

This is given that different students from different schools and regions would be at a different state in their application process. The app’s value comes in as soon as the student is applying for colleges and not wait until they’ve graduated or have arrived in the US.

Empathy Map

Within the researching phase, it haunted me how stressful at the time of application I was. Given that, it was important to revisit those moments and do a little empathizing with users – what will they be doing besides applying for colleges and visas that are also stress inducing? What would they be commonly seeing in this phase of their life?

Journey Map


An app that guides and assists international students that are intending to study within the U.S. with a limited range of immigration related services.

Main features

      1. Be able to add and track documents (also see a sample as to avoid confusion)
      2. Activate checklists
      3. Notifies of any documents that needs to be renewed
      4. Notifies of any significant immigration changes

Design Process

Visual Research

Some moodboard research to get the look & feel of what I want to include.



Brief overview


Asking if the user has or hasn’t obtained a visa. If haven’t, start the guide with a checklist on jumpstarting the process


Checklist for an F-1 visa application with icons indicating the nature of the type of document. Info icons are available to inquire more about the specific document.

Add Checklist

Add a checklist depending on which processes the user wants to proceed with

Expiration Watch

Immigration related documents the user has stored within the app. The energy-like icons indicate how close it is the documents are being expired.

Example of a document expanded.

Here it shows the number of I-20 copies the student has accumulated over the years. This will come in handy when transitioning into OPT or demonstrating for immigration purposes.

Users can opt to renew, edit, or add a document.

Notification screen reminding users:

  1. to check their I-20 before leaving the country for spring break
  2. to renew his/her passport as its about expire

Add document screen

Add document screen where the user enters document info and a scanned picture.


The main iterations were colors and heirarchy of information. As the designs were being iterated, so were the brand guidelines.

1) From the initial swipe to navigate documents between Work and Immigration related, to becoming a nav on the top since its only two tabs.

2) The order of documents have also changed and reflect the level of expiry, with the bottom being the one that will expire soon.

3) The checklist screen before and after color change and icons included on the checklist name. The highlighted colors indicate that there’s a sample document for the student to reference on.

4) The Add Checklist screen before and after color application. The blue and turquoise categorizes the documents to Work or Immigration related.

5) In addition, users are also notified that documents will be auto added in their Documents screen for them to fill in. An example would be the next image.

6) Passport and Financial Documents are highlighted in red, indicating that the user has yet to add these in order to fulfill an existing checklist.

Final Designs

© 2018 Jonathan Haojaq Kho
Instagram  //  LinkedIn  //  Email  //  Résumé