Defining the structure and flows of the site.
Drupal wireframing overview
Capture the insights from the discovery phase to produce wireframes for key pages demonstrating user flows, components and page layouts.
Wireframes indicate the priority of information, components and functionality. The wireframes aim to provide a visual guide for the final build, very much like an architectural blueprint. It is used to describe the placement and functionality of key components on key pages of the website. As a key artefact, a wireframe helps to ensure that key requirements of a project are being met.
A set of wireframes which visually represent the structure, functionality and flows for key pages on the site. Wireframes can be used to test and validate the discovery findings and to provide a guide for developers implementing the designs.
Wireframes form part of the design process. They can simulate a space where the user can interact with a client’s service or product. With these design ideas we craft low-cost experiments to test on end users to make sure we have met their needs.
Wireframes can be further developed into Visual Designs adopting a client’s brand guidelines and style guides to deliver a look and feel that represents their brand. We can also take these designs into another stream of iterative user testing.
Convivial CXP is Morpht's starter site for personalised websites. We have developed a component library in Figma to aid the design process. The Figma file can be used to rapidly build out medium fidelity wireframes of a site.