After my first round of wireframes, I collaborated with the development team to assess the feasibility of my designs. These discussions highlighted the need for several design adjustments.

Firstly, real-time updating of the product and coupon results number in the CTA proved unfeasible. For this reason, the CTA copy transitioned from “Show X Results” to “Show Results.” Additionally, since the app uses a hybrid of web and native content, I had to align the single vs. multi-select functionality of filter options with what web was already supporting. Consequently, “Average Rating & Up” had to remain a multi-select filter and “Price” had to remain a single-select filter despite my proposed switch where “Average Rating & Up” would be single-select and “Price” multi-select. I refined the below wireframes accordingly.

This project emphasized the importance of receiving feedback early and often. While each designer owned specific features, I ensured a diverse perspective on the final solution by seeking input from co-designers at every design stage. I participated in collaborative working sessions, presenting and asking for feedback on competitive analysis, sketches, wireframes, and component designs, which was crucial in refining my solution. Communication with the development team was equally crucial as this allowed me to considered technical limitations early in my design process.

One particularly rewarding aspect of this project was building a design system from scratch. While my prior work was focused on UX, this opportunity allowed me to tap into my visual design skills and my attention to pixel-perfect detail.