Wireframe to mobile UI design
This Invision prototype shows my process for revising wireframes based on user and stakeholder feedback, and turning them into design comps. I started this project by collecting requirements—in this case, the goal was to redesign an existing form template to address known usability and accessibility issues, and to improve conversion rates. I then created a set of low-fidelity wireframes to show a few different ways we could accomplish our objectives, and then went through 3 rounds of iteration to incorporate research and feedback. I produced a design comp based on the finalized wireframe, and I expedited this process by building a wireframe library in Sketch that has a correlated design component library.