Digital Tools and Techniques

Introduction

Before you start, especially if you are migrating existing content, it's best to organize your information and find an intuitive page order and hierarchy. rThere are many methods to develop or find your site's architecture, you can use software or just pursue an analog card sort.  Once you understand your information architecture, you can start building your homepage using wireframes. 

Information Architecture

A standard way to approach developing your site's architecture is via a card sort. You can card sort using analog methods or using software. Here is some information:

Wikipedia Article

How to Card Sort

Ed Tech Wiki Card Sort Hot to

Open Source Card Sort Software

Homepage layout & Wireframing

Once you have a notion of the overall architecture of your site, you are ready to layout what you want your homepage to look like through wireframing. This can be performed with sketches or software.

Wikipedia article on Wireframing

Some 'free' wireframe tools

Review of wireframe software solutions

Wiry- an open source solution to wireframing

Pencil Project