Initial Designs
Utilizing existing website UX patterns and competitor analysis, I put together an end-to-end document conversion experience. I hosted critiques with the design team during my iteration process until we were confident it included the necessary elements for a complete experience. I created a basic prototype for Research Operations to conduct research and user testing.
Snapshot of critique board
This project introduced new UX patterns such as a drag and drop component and loading animations. I collaborated with our brand designers, UX designers, and engineers to brainstorm and design these elements. These details were important to the tone and sophistication of the product, and our choices would affect the grander product system.
"Basic User" personas
During the interview, we had users walk through 3 conversion tool experiences, one of them being the basic prototype I had created from the initial rounds of design. The UX feedback gave us strong signals on what was working and what could be improved on.
Design Hand-off & Production
Once designs were adjusted based on research findings, I was responsible for laying out specs for the end-to-end experience as per breakpoints, error states, and OS or device specifications.
Working in step with engineering, we made sure small reusable elements such as a button, drop down menu, or drag and drop field were first built into the design system before being used in this project. This pushed forward progress in our design system and ensured the product would be scalable after its initial release.
Close-up of design specs
Birds-eye view of design specs
Lastly, I detailed out the webpage, including content layout and the post-download experience. Content was managed by Marketing while the structure and functionality were executed by Design and Product & Engineering.
