mockup of tank top website on imac
UX Design
Graphic Design

Career Coaching App & Website

tanktop

Challenge

Careers for Vets

Military and war veterans did not have very many options or support with finding a career that best suits them

The Goal

Be the Coach

To build a dedicated mobile app and website specifically designed to coach and assist veterans with securing a career

Mockup of tank top web site on iphone.
mockup of tank top website on imac

user research

Summary

During the initial phases, we developed four personas and focused on those to come up with a user journey. During the research we found that there were some biases and accessibility issues had arose.

Tank top user persona showing parapalegic war veteran in a wheelchair and his goals and frustrations he has with finding a career and what he would like to see in the app design.

ideation

Wireframes

Based on information gathered during the research, wireframes were developed for both the app and the website.

Tank top mobile application low-fidelity prototype showing user journey.
Tank top web application wire frame low-fidelity prototype showing the user journey.

Usability Study

Observations

Unmoderated study was conducted on the low-fi prototypes of both the app and the website.

KPI's

  • Time on task
  • Drop off rates
  • Conversion rate
  • System usability scale

Participants

  • 5 participants
  • Two males, two females, and one nonbinary individual, between the ages of 20 and 75. One participant is a person with a mobility impairment.
  • The study is accessible for use with a screen reader and a switch device.

1

Course Length

Course lengths were not listed. People with busy schedules were hesitant to enroll in the program.

2

Accessibility

The app was English only. This is an accessibility issue and will be addressed.

3

Curriculum

One user was unsure if the videos in the program should be taken in order.

design refined

Implement Findings

With usability studies completed we started to refine our designs, iterate, and create the mockups.

Prior to the usability study a user that tested the low-fi prototype had trouble with English. We have added a translate option in the login screen.

before

tank top app wire frame

after

tank top app wireframe

There were no indications of time frames for people with a busy schedule.

before

Tank top mobile app digital wireframe - courses screen before usability study

after

tank top app wireframe

One user was unsure if the videos in the program should be taken in order.

before

Tank top mobile app digital wireframe - courses screen before usability study

after

tank top app wire frame

design refined

Accessibility

During the entire UX design process accessibility options are always our #1 priority.

Number

1

All the input fields will have a translate feature and keyboard options. Iterations on the design updates will include language options for the entire app.

Number

2

Users will have download options for all the offered courses. This will enable offline access for those who do not have internet at home.

Number

3

The branding colors of the app have been modified to conform with WCAG standards. CTA buttons have also been enlarged for ease of use.

next steps

The Path Forward

01

Job Search

Mobile app and website will have a job search option in the future. This would be incredibly more efficient for the user to search for employment after taking the program.

02

Partners

A partnership with large and small employers in the community to start a job placement program would be another avenue to pursue.

03

Certificate

A completion certificate recognized by an educational institution would enable our users to post their accomplishments online or attach to their resume.

mockup of tank top website on imac
A mockup on a tablet showing the home page of the Tank top website