Sample wireframes

Find below a number of sample wireframes I've been creating recently.

When creating wireframes It ry to keep, where possible, the wireframes as lo-fi as possible. This means I use no colors, (almost) no images, (almost) always dummy text and (almost) never interactivity such as links and dynamic elements. By keeping the wireframes lo-fi they are easy to understand for the all involved parties, quick to create, easy to re-use and relatively easy to maintain error-free.

Furthermore I create small templates (e.g. teasers, blocks, login form) that can be re-used throughout various pages.

I also recreate accurately the default functionality of Drupal and its contributed modules so that there are few surprises and to make to wireframes easy to re-use.

Before passing them on to the client the wireframes are thoroughly discussed with the developers.

Checkout ubercart webshop

Private event detail page association website

Members overview page association website

Form on a product website

Wireframe homepage association website

The wireframes above were created with Axure RP using A Clean Design's Better Defaults Library

Share