Challenge
The project followed a high-fidelity wireframing approach from the start. The wireframes needed to be close to the final product so that structure, hierarchy, and layout decisions could be evaluated early, before visual design was introduced. This required precision. High-fidelity wireframes do not hide structural issues. Every layout decision is visible.
As an intern early in a professional environment, the expectation was to deliver production-ready work, not exploratory drafts.
Process
I worked from the site's content structure and the senior designer's direction, producing wireframes across the full set of pages for both desktop and mobile. The layouts followed Material Design principles, providing a clear framework for spacing, hierarchy, and interaction patterns.
The wireframes defined navigation, content structure, filtering logic, and card layouts. Designing for mobile required rethinking the structure for a smaller screen, not simply scaling down the desktop version.
Outcome
The wireframes were approved without significant revision and carried through directly into the implemented site. The navigation model, page templates, and content structure are visible in the live product.
