Oversee



Medium
Adobe XD

Client/Class
Mobile Design

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








Brief




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









Research



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

College:
Purdue University

Interests:
Sciences, Genetics, Korean Drama

Goals:
Survive through college,
Get a sustainable and good job

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






Zina Ibrahim, 21, Kingdom of Jordan

College:
The New School

Interests:
Architecture

Goals:
#Workaholic,
Achieve study life balance

Frustrations:
Things that don’t work as promised



Tiffany Ying, 19, Hong Kong SAR

College:
The New School

Interests:
Graphic Design

Goals:
To figure out what she wants to do after college

Frustrations:
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


The key 5 Es...

The main takeaway from this research was the limited lifespan of this app. It would only serve its users for 4 years (common US undergrad duration) and would cease to be useful. The next steps here would have an extension of the app that assists students in their transition into an OPT or H1B visa.




Concept


Oversee:
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




Initial Design



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



Onboarding:

Brief overview





Onboarding:

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 a checklist depending on which processes the user wants to proceed with






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 where the user enters document info and a scanned picture.





Iterations


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




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

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





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.





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

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.





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




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