Military Sealift Command Online Application

Making a government job application people can actually finish

My role

VP of UX Design

Client
Military Sealift Command
Agency
MediaCross, St. Louis
Designed
2019, back at MediaCross as VizVid went to market
Live
apply.sealiftcommand.com, by April 2020
  1. Mapped the federal hiring sequence with the team: what it requires, in what order, and where a candidate can stop.
  2. Turned the long intake form into an account: a saved profile a candidate builds over time, broken into steps.
  3. Made consent a gate: the button that starts the application stays off until the Conditions of Employment are agreed to.
  4. Designed the application behind the login: a first-visit profile, openings, every application's status in one list, and the long knowledge, skills and abilities answers saved one at a time.
  5. Put help on the first screen and on every one after it: a Support item on the rail, with the knowledge base and a support request behind it.
  • 1 account per candidate, saving answers across sessions in place of one long form
  • 2 places the truthfulness warning appears, at the top and in the footer, because it carries criminal exposure
  • 11 colors in the shipped palette, two of them kept for errors and warnings alone
  • 2020 first capture of the live site, with captures in service through 2023

Summary

Military Sealift Command crews the U.S. Navy's civilian fleet, and apply.sealiftcommand.com is its online job application for civilian mariners. The rebuild, designed in 2019 and live by April 2020, replaced a single long intake form with an account-based application: a saved profile a candidate can leave and return to, gated behind consent and broken into steps. The reference point was TurboTax, for the same reason TurboTax exists. The tax code will never be user-friendly, so the product stands between a person and the bureaucracy and walks them through it. Federal hiring is the same shape of problem. MediaCross, the agency I did this work for, has run MSC's recruitment since 2002, by its own public account of the engagement.

I designed it in 2019; the Internet Archive's first capture of the live application is from April 4, 2020, and its captures show it in service through 2023.

Who was involved

  • Military Sealift Command The Navy command that crews the civilian fleet; its hiring sequence set the order of every step.
  • MediaCross The agency that runs MSC's recruitment, and built the application.
  • Me The process map, the account structure, the consent gate and the screens.
The rebuilt MSC Online Application entry screen as it appeared in April 2020
The entry screen, April 2020. apply.sealiftcommand.com as the Internet Archive captured it, the first capture of the live application.
Read the record . 6 sections, about 2 min

Where it started

What existed before was a single long form, with no account behind it and no saved state. A candidate part-way through a federal employment questionnaire could lose everything to an idle browser tab. The stakes are high: applicants are warned that a false statement may cost them the job, end it after they start, or mean a fine or imprisonment under Title 18. Asking someone to get that right in one sitting, with no saved state, is a design failure with legal consequences.

An application is a profile that builds over time

The work began with process mapping: what the federal hiring sequence requires, in what order, and where a candidate can stop. That produced the central structural decision. A candidate creates an account, and their answers persist across sessions as a durable record, so the application can be finished over days rather than in one sitting.

The reference point was TurboTax, for the same reason TurboTax exists. The tax code will never be user-friendly, so the product stands between a person and the bureaucracy and walks them through it. Federal hiring is the same shape of problem.

The application behind the login

I designed the whole application in 2019, after I went back to MediaCross as VizVid went to market. The entry screen went live much as I drew it: the navy rail with the command's seal, Start the Process, the consent gate. The screens behind the login are the rest of the design.

A first visit explains what the candidate is building, a professional resume and the official application, so they will not have to type it twice. Openings list each position with its salary and when it opened. Applications shows every one a candidate has sent with its status in the command's own words, from Forwarded to Not Selected, each with the sentence that explains it. The knowledge, skills and abilities questions, the longest answers in a federal application, are saved one at a time with a checklist beside them. Support is a rail item on every screen.

Design of the entry screen: a navy rail with the Military Sealift Command seal and Log In and Support, then Start the process, a paragraph on why the answers must be truthful with the Title 18 warning, a Conditions of Employment checkbox, and a disabled Let's Begin button. The live entry screen of April 2020 follows this design with a top bar, an inline login form and a help footer added.
The entry screen, as designed. The consent gate first: Let's Begin stays off until the Conditions of Employment are agreed to.
Design of a first visit to the profile, for a sample candidate named David: three steps drawn as icons, Professional Resume, Official Application and Take Command of Your Career, a paragraph saying the information is stored so it will not have to be entered again, and a Let's Begin button. Design file, 2019; the screens behind the login are not in the Internet Archive.
A first visit. What the candidate is building, in three steps, and the promise that they will type it only once.
Design of the Openings list: sixteen seagoing positions from Able Seaman to Medical Services Officer, each with its annual salary, any bonus, and the dates it is open, under a department filter. Sample listings in the design file, 2019.
Openings. Every position with its salary and when it opened, one click from an application.
Design of a sample candidate's Applications list: eight applications, each with a status tag and a colored dot, Forwarded, Non-Compliant, Not Qualified, Not Selected, Selected, Unsubmitted and Unsuitable, and the sentence that explains each status. Sample data in the design file, 2019.
Every application, and where it stands. The command's own statuses, each with the sentence that explains it.
Design of the knowledge, skills and abilities responses for a Medical Services Officer application: six long questions about shipboard medical care, each with a response field and its own Save button, and a checklist of the six beside them with a Review Application button. The responses are placeholder text in the design file, 2019.
The longest answers, saved one at a time. Six questions, each with its own Save, and a checklist that shows what is left.
Design of the Support page: Welcome to the MSC Online Application knowledge base, a search field, four common questions about verification email, account links, passwords and maritime academy students, topic links, and a Support Request button. Design file, 2019.
Support, from every screen. The questions candidates actually ask, a search, and a person to ask when those are not enough.

Outcomes

The application went live by April 2020: the Internet Archive's captures run from April 4, 2020 through 2023, and its stylesheet was reissued through at least 2025. Its system is measurable from the shipped artifact: a 10px root, Montserrat, and an eleven-color palette with two values reserved for state, a red for errors and an amber for warnings, plus a seven-step progress bar for the stepped flow.

No completion or drop-off figures are in my files. What cannot be shown here is the old form itself: its assets survive in the Internet Archive, but no capture of its markup does.

If I did it again

I would ask for the one number the design was for: how many candidates who start an application finish it. The structure says it should have risen; nothing I kept says by how much.