Test concepts for final design direction One creative direction or elements of each should be selected to move forward with.

Build the mobile version After selecting a creative direction, the mobile version should be built out based on the desktop design.

Continue accessibility testing As designs are expanded and reduced for different screen sizes, elements should continually be tested to ensure accessibility standards are met.

Leave undecided design decisions to user testing target demographic If the Skills Fund team runs into issues when selecting a final design direction, design decisions should be settled by further user testing among the target demographic.

Test different nav bar verbiage  During user testing sessions, users ran into confusion regarding the top nav. Different verbiage should be tested to provide the clearest navigation for users.

What worked:

This project was pretty important for me because it was my first time designing for the web. I found that the extra space (compared to mobile) allowed for flexibility in terms of illustrative components and opportunity for new interactive elements and layouts. Specifically, scroll interactions and hover states. In terms of prototyping and testing, I found that websites are easier for users (and myself) to better conceptualize the product and its implications because it’s a more familiar platform across the board. This resulted in better user feedback and more clarity in the next steps for both myself and the clients.

Pain points:

There are growing pains that come with designing for an unfamiliar platform. Specifically, I had issues with resizing elements and using prototyping tools. I was using Invision to prototype, and while the platform works well for mobile, I routinely had to change sizes during the export and had limited flexibility when it came to animations and transitions. In the future, I want to experiment with Figma for web design and prototyping.