Process
Information architecture, wireframes, visual design, and a two-week handoff sprint with the engineering team.
This is the Process section of the Product Website project.
It exists to show the stages of the work — from structure through to visual execution and the handoff.
On its own page, this artifact renders with the i/1/m layout — an icon badge above the title, then this prose, with a single child image floated alongside. Adding or removing an icon, an image, or children on this artifact (or on its siblings) changes which layout the system picks.
Replace this prose with two or three sentences on how you worked. Replace the sub-item image with a real wireframe board, component audit, or design system screenshot.
This is the Wireframes sub-item in the Process of the Product Website project.
It exists to show that structure came before aesthetics — and that the conversion logic was designed before colour, type, or imagery.
On its own page, this artifact renders with the m/0 layout — a full-bleed hero image with the title and this prose layered over it; no children render below. Adding or removing an icon, an image, or children on this artifact (or on its siblings) changes which layout the system picks.
Replace this prose with one paragraph on your IA and wireframe approach. Replace the image with a screenshot of your real wireframe board or a sitemap diagram.