As the project timelines were very tight, requirements gathering involved me writing down my notes from discussions with the product manager.
From these notes rapidly evolved concepts for potential parts of the site.
I performed a Competitive Analysis so as to glean insights that could improve my design for the admin tool.
I moved to sketching. This example shows the customer lifecycle funnel.
This is another example sketch.
This is an example page from my information architecture. Due to the short amount of time available, I modified my methodology and many of the deliverables.
I moved directly to mock-ups of components. The purpose was to get feedback on the individual element interactions and visual design so as to minimize iteration.
Afterwards I assembled the components to mock-up pages.
Notice how many fields were left unspecified on purpose. This separated business requirements from design, minimizing on iteration.
Due to the success of my work in the Admin portion of the application, I was asked to take on the design of the Applicant front-end, which was facing serious usability issues. The incomplete state of this page is clearly evident, with a great contrast in both usability and visual design between the inner content and the header and footer.
This is another page that clearly appears unfinished, and the interactions and visual design were not satisfactory.
Because the Applicant site was going live imminently, I improved it over two phases. The first phase addressed the most egregious usability issues before launch.
This is another example of some of the work I did to identify the serious usability issues in the first phase.
For the second phase, I sought to make a redesign of the site post-launch. I detailed design elements demonstrating interaction behavior and visual design not unlike how I had produced for the Admin portion.
Care was taken to be thorough and complete. Here I detail all the error messages for fields within a page.
This is an example of the phase 2 redesign of the eligibility section shown before. Notice how the interactions are more intuitive, and the look-and-feel is more consistent.
This is the example for the document upload screen. Again, the interactions are improved and look-and-feel is more consistent.