title.png

MyVisa

UX/UI Product Design 

MY ROLE

Research, UX/UI, Prototyping, Wireframing

TOOLS

Figma, Photoshop, Adobe After Effects

TEAM

Lulu Li, Cindy Lieu, Rachel Pun, Charlene Pura, Christina Poon (me)

TIMELINE

January - March 2021

Problem

As Canadian passport holders often apply for visas to travel abroad, many people find it increasingly difficult and troublesome to undergo the lengthy visa application process.

“43% of travellers are confused or afraid of making a mistake when applying for their visas.”

- Stanislas Berteloot | VisaHQ

Goal

Making the visa process easy from origin to destination

Target Audience

Canadian passport holders.

• leisure travellers

• professional expats 

• international students

• expedited applicants

• families.

Solution
An app making visa applications easy.

myVisa aims to help those people by guiding users through the application process while maintaining transparency, trust, and accessibility.

The key features of myVisa include:

• The ability to apply for a visa without missing key steps or documents.

• Offers guidance for every type of visa, in any country.
• Keep all your travel documents in one place.
• Get connected to the nearest embassies and consulates.

Promotional video about the product

Phase 01: Research

Benchmark Analysis

We began by conducting market research to develop an insight into the current products being offered and the areas of opportunity we could fill.

title.png

User Interviews

After understanding the current market opportunities, we proceeded to conduct user interviews. We talked to different travellers in order to identify key pain points.

From the research, we were able to gain 5 key insights, which we then translated into possible features to be implemented. Here is a summary of our findings:

Slide 16_9 - 1.png

Developing Personas and PACT

To summarize our findings, we created a PACT analysis and five user personas of target audiences to help assess how our app and device can help with their needs. This helped synthesize our findings and create our user scenarios

User Personas and PACT

people.png

Phase 2: Ideation

System Map

After the in-depth research, we began the visual and ideation process, while keeping our targeted audience in mind. We started by listing all the features we wanted to include and prioritize the list by using the MoSCoW method. Through this process, we were able to consolidate all our ideas into a system requirements chart to help us create the system map. 

system map.png

Product Iterations

We began the process by creating low-fidelity wireframes for our app layout. After multiple rounds of  iterations, as well as receiving feedback from our professors, we collectively finalized our productand started prototyping. 

Final Sketch and Render

Screen Shot 2022-02-11 at 8.59.20 AM.png

Phase 3: Prototype

Visual System

After completing the mid-fidelity wireframes and compiling our UI research, we summarized the vision for our brand identity with 4 key terms:

  • professional

  • calming

  • Engaging

  • Clean

We then proceeded to establish a style guide, which helped us keep consistency throughout all of our high-fidelity prototypes.

As applying for visas can be a stressful process, we wanted to create a straight-forward flow that would make the users feel at ease. We used calming colours and some illustrations for our brand. We chose a calming blue tone as our main colour to provide the value of security and professionalism. We used a standard san serif typeface and followed the accessibility guidelines and use a font size that would be comfortable for our users. 

Slide 16_9 - 117.png

Phase 3: User testings

User testing

We conduct a few remote user-tests through zoom to gain insight and feedback. Through this, we were able to understand the users better and reiterate the errors in our flows and prototype.

Taking the insight we gained from the user tests, we implemented some changes that addressed each issue. 

Slide 16_9 - 101.png

myVisa

MOBILE APPLICATION

Designed to streamline the visa application for Canadian passport holder

Simple onboarding 

Sign up with a few simple steps

sbdio88sciwe6todyd9l.png

Handheld experience to applying to any Visas

Unsure what visa to apply for? We can guide you by answering a few simple questions. 

sbdio88sciwe6todyd9l.png

Access all your important documents

myVisa stores all your documents in one place. No need to worry when you don't have them. You can edit and add new documentations to ensure everything is up-to-date.

sbdio88sciwe6todyd9l.png

Find an embassy closest to you

You can find the closest embassy and book an appointment with them through the app. 

sbdio88sciwe6todyd9l.png

Conclusion

Being able to work with other designers on this extensive application helped exposed me to a wide range of perspectives and ideas that I would've never considered. Being able to conduct user interviews and user testings really helped us build a better understanding of how we can improve our user experience. Through this process we were able to reiterate any details we missed and helped identify our core features. 

 

If we got another chance to do this again, we would definitely want to work with a travel officer during the design process. Since all of us designers do not have extensive knowledge on applying for a visa, having a professional opinion would help myVisa become closer to being a realizable application.

For the Future

  • Work with travel officers and have a more professional opinion during the design process. 

  • Propose the idea to the Canadian government to make the app more offical