Information Architecture and Wireframing

Conduct a card sorting exercise to organize a product's content into logical groups.

Create a sitemap to represent the information architecture of a multi-page product.

Select and justify a navigation structure (e.g., hierarchical, flat, hub-and-spoke) for a new product concept.

Sketch rapid, low-fidelity wireframes on paper to explore multiple layout alternatives quickly.

Build mid-fidelity wireframes in Figma using placeholder content and basic components.

Annotate wireframes to communicate interaction behavior and content specifications for stakeholders.

Wireframe a low-friction sign-up or checkout flow, annotating where cognitive principles are applied.

Conduct a wireframe usability walkthrough with a peer and document key findings.