Developing the high-fidelity prototype and conducting A/B testing were two of the most important stages of my design process, allowing me to develop the parts that worked as well as those that did not. Moving from wireframes to a hi-fi prototype forced me to translate conceptual ideas into a visually cohesive and user-ready design. This process pushed me to think more intentionally about hierarchy, spacing, typography, and narrative. One of the most valuable insights I gained was realizing how small adjustments could dramatically shift a user’s experience. I learned that choices of type size, color interaction, and placement influence how quickly a user understands what each element does and how confident they felt while navigating the website.
The A/B testing developed this understanding even further. Instead of having to assume what design choices worked, I was able to explore different variations of specific elements and receive feedback on each. Certain features I thought worked ended up performing worse, while completely different layouts performed better. This process taught me the importance of getting design feedback early and often. Seeing users interact with two versions side-by-side also highlighted how small differences in labeling, color, and hierarchical organization could influence experience, navigation, and overall visual continuity. Testing my website with my peers sooner would have allowed me to get a wide variety of user feedback about what was successful and what was not.
The process wasn’t without its challenges. One major struggle I had was figuring out how to fit all the necessary information without too much text. I had to figure out how to summarize the important information without compromising the overall design. Changing how certain information was presented, allowed me to mitigate this problem in certain areas. Another challenge I faced was trying to keep the website consistent while refining so many elements. Do to the large number of changes I needed to make, I even had to tweak elements that had proved to be working.
Managing the feedback I received from testing was another learning experience. At times, conflicting input made it difficult to decide which direction to pursue. Instead of trying to change everything to fit each person’s individual perspective, I learned to group feedback based on overall user experience and to follow the trends of what was working. This helped me grow greatly as a designer because I was able to develop the skills required to filter feedback.
Overall, this process significantly contributed to my growth as a designer. I became more comfortable working with Figma, organizing information, and more confident in balancing visual appeal and usability. I also gained a stronger appreciation for the process of design and how each version, no matter how refined, is simply another opportunity to test, adjust, and improve. The combination of building a hi-fi prototype and A/B testing specific elements deepened my understanding of user-centered design and helped me gain skills I can use in design in the future.
