For sites with custom functionality, the flow of functionality needs to be defined. This can involve a number of diagrams covering front-end display, interaction design, and administration wireframes. The features defined will follow the object relationship model already defined. In the Good Company example, the main objects are Wish, Volunteer, Community Group, and Staff—for each of these objects, there will be a set of features that will define how the objects will interact in the system.
Having an overview is a good start to defining how the features work within the context of the site. Then for each feature, we can drill down into the details and specific workflows.
In this diagram, we have an overview of each of the workflows available for volunteers and community groups. Each of the features are then captured in more detail with an interaction design, e.g. a flowchart.
There are three main features available from the homepage:
Volunteer signup and...