notepad notes

The Brief

I’ll ask the right questions to uncover the truth about why you need a new website and exactly what it is you’re trying to achieve. Some of these questions may seem a little uncomfortable. In fact, if it doesn’t get a little awkward, then chances are I haven’t done my job.

notepad notes

The Sitemap

Once I have all the information I need, I’ll build a visual sitemap so we can all get on the same page very quickly about what it is we’re trying to communicate and the best way to structure the information.

Here’s mine as an example.

sitemapArtboard 11 copy
protoArtboard 11 copy 2

The Prototype

Now instead of trying to tell you what I intend to build and hoping you understand my jargon, at this point I’ll build an interactive prototype in the browser to show you how my solution will work. With no attention to design at this stage, it ain’t pretty, but it gets us close real quick.

We’ll get this all settled before I build any responsive components. I’m not going to build a site at two other screen sizes until we get this first one right.

Here’s what a one page prototype might look like.

protoArtboard 11 copy 2

The Design

The fun begins during the design stage because we get to play with the crayons and colouring pencils to bring your interactive prototype to life to match your brand identity. 

Here’s that same page fully designed.

deliveryArtboard 11 copy 4

The Delivery

Finally, we go underground for a couple of weeks and make sure everything is plugged in and tested so you can show it off to the whole world.

deliveryArtboard 11 copy 4

You also have a part to play.

I can’t do this without YOUR help.

I need your images, words, assistance, and helpful feedback through this process. Luckily, I made a pretty handy little guide to get us through it together. Download it and have a read by clicking the cover.

a lined design

Pin It on Pinterest

Share This