Visa Application Process

A complex Visa application process redesigned for simplicity, and enhanced usability.

Jess eddy - product designer

Client: OdysseyPass

Simplifying a lengthy and complex visa application process

OdysseyPass helped travelers apply for Travel Visas with a simple-to-use application so they can stress-less when planning for travel abroad. I worked directly with the business owner of OdysseyPass to redesign their existing Visa application process. I worked directly with the business owner of OdysseyPass to redesign their current Visa application process.

International travelers must obtain the correct Visa for their travel circumstances. The Visa application process intends to capture all of the accurate information based on the customer’s travel details to eventually apply for the Visa on the customer’s behalf.

Discovery

I compiled best practices to inform the design and educate the client to help us make good design decisions.

Since the redesign of this particular user interface was largely form-based, I started by collecting a list of best practices about forms that may apply to the project. This process resulted in over 30 best practice tips that I shared with the client and kept in mind while designing. This process ensured the UI considered the best way to work with forms in a user interface and was also a chance to help educate the client on the topic of form-based design and why we might make specific design decisions.

A small snippet of the more than 30 best practice form design tips

Before embarking on any design, sketches, or wireframes, I began by establishing the form components involved in each step of the Visa application process.

We iterated on this step just once, making minor refinements. Using the best practices collected at the beginning of the project helped the client, and me get on the same page about what the user would see and how they would provide information.

Definition

I began to illustrate the concept through low-fidelity design.

I aim to work quickly during the conceptual phase to reach a point where I can create the most realistic visuals as the best feedback comes from looking at something real. I produced only one screen for the design concept to establish how we might organize the main components on the screen. The design concept allowed us to review quickly and move right into high-fidelity wireframe designs.

Low-fidelity design concept; simple but effective.

I considered the tasks the team needed to perform and made the path to completing those tasks quickly and easily.

Once the concept solidified, high-fidelity design became the focus. Instead of getting bogged down in rounds of high-fidelity wireframes, I moved the process forward by creating a realistic version.

I brought the concept to life through high-fidelity design.

I started the high-fidelity design process by working through several screens and steps in the process. This approach provided clear insight into how the process would look and work and how much content might appear at the appropriate stages, all in just over ten days from starting the project.

I provided all the screens in Dropbox, where the client would leave comments via annotations. I transferred this feedback to a task list to use for iterating.

Iterations on the high-fidelity designs took place over three rounds of design in 10 days.

High-fidelity designs and screens.
High-fidelity designs and screens.
High-fidelity designs and screens.

We finished with a visual and responsive design.

The last step was to establish the visual design and design responsive screens to illustrate the user interface on phones and tablets while also showing how we would present error handling for various inputs. Over the next ten days, I did this, sharing designs and updates with the client every 2-3 days.

High-fidelity visual design.
High-fidelity visual design.
High-fidelity visual design.
Jess Eddy - product designer - get in touch

Get in touch

Please get in touch with any inquiries.

Contact me