Wireframing

Defining the structure and flows of the site.

Drupal wireframing overview

Aim

Capture the insights from the discovery phase to produce wireframes for key pages demonstrating user flows, components and page layouts.

Approach

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.

 

Outcome

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.

Drupal wireframing

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.

Component library

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.

Convivial CMS components for Figma

Insights

Wireframe mapping of a portion of a web page on paper
Article

The UX Design process at Morpht

At Morpht we care about the user experience and adopt a proven UX design process. it all starts from a discovery process in which we chat with clients about their vision and expectations.

Related content

User Experience design
Service

User Experience Design

UX design considers every element that shapes your interaction with a product or service, how it makes you feel, and how easy it is for you to accomplish your desired tasks.
Design
Topic

Design

Morpht takes a holistic view of design, solving user and client problems, delivering innovative and robust solutions.
Information architecture
Service

Information architecture

SItemaps and content models support the needs of the user and help them discover the information they are looking for.
Content modelling
Service

Content modelling

Drupal is a powerful system under the hood and is capable of the most demanding content modelling needs.