During this combined phase, I translated insights into tangible solutions. I designed and tested wireframes at varying levels of fidelity, built a brand guide, and created interactive prototypes for mobile platforms.

To streamline the early design phase, I combined the Low-Fidelity and Mid-Fidelity wireframing stages into a single, focused iteration process. This approach allowed me to quickly explore layout concepts and content structure while simultaneously beginning to refine interaction patterns and hierarchy. By blending these stages, I was able to move efficiently from ideation to functional design, ensuring that structural decisions—such as button placement, image sizing, and text positioning—were grounded in usability without getting bogged down in visual styling too early.

​

To ensure consistency across all touchpoints, I created a Brand Guide that defined the project’s core identity. This included:

• Color palette

• Typography system

• Logo design

The guide helped maintain alignment across all design elements and streamlined collaboration throughout the project.

Using this foundation, I then built High-Fidelity Wireframes and interactive Prototypes, bringing the design to life. Afterward, I conducted usability tests with users, gathered feedback, and iteratively refined the design to ensure it met user needs and expectations.