Liaison International

About Liaison International

Liaison International works with college admission offices and provides them with resources to better the admissions process as well as their applicants experience. Liaison's Applicant portal is used by colleges across the country. It allows students applying for Masters and Undergraduate programs to search and apply to multiple programs at once using the same application.

At Liaison I lead the design of our Applicant Portal through a re-design while also developing a collaborative and effective work stream through creation of our style guide, design panel, and overall organization. We improved Program search drastically by adding elastic search, a new filtering system, new add functionality, information about each program, and overall improvements to the look and feel.

Filtering Programs

The Applicant portal can hold many schools and programs, so the addition of the filter was important for our users. We tested placement of the filter and found that students found and used it more when it was directly related to the search bar.

Informative Popups

Specs for Development

My understanding of code and development comes in handy when I create specs for the developers I work with. It's important to be clear and concise in spec documents. I like to check in with the developers through the design and spec process to make sure everyone is looped in with the work being done on both sides. Communication is key!


Compiled Specs from my Style Guide

I created this Spec Component sheet to make it easy for designers to grab from when specing their designs. The styles shown below are based off the style guide I created for Liaison. I found that designers were creating multiple pages of specs for one page of a design and handing them off to the developers. This approach was confusing and caused the developers to have to look through multiple pages for one design. My spec components allow designers to put all the specs on one page. This not only sped up the process for us as designers, but the developers found it to be more clear, concise, and understandable.


Project Information

  • Web App Re-design
  • App Portal Program Search
  • Liaison International
  • 2017-2018

Materials & Methods

  • Project Planning
  • File Organization
  • Style Guide Creation
  • Wireframing
  • User Testing
  • Principle Prototype
  • Sketch
  • After Effects
  • Front End Development
  • Redlining