The 1 Week Left Plan

this workflow-esque diagram explains how the solution will work in the real world, from kickoff to mass adoption


The scenario uses the personas that were developed and aims to answer these questions using scenes and screens: How will people find out about the website? How will they use the booklet? What will the system do for people and how will they interact with it? Where will it all live? What does the system do for store and community dynamics?

More website screens

Website Development

Here are some screenshots of the website aesthetics I've been working on the last few days:

Personas

Personas are representations of the end user, their wants, needs, desires and goals. I created two personas, Cheryl and Peter to represent the different demographic foci of my project.

Process Sketches

Site Map

First draft of the site map and I'm trying something new. Solid lines represent direct clicks, dotted lines represent where the website takes the user once the action on the previous page is complete.
The site map outlines the pages of the site and how the navigation levels interact. Starting on the home page, one click on the site will take the user to one of the five main content pages. Additional content on those pages live in the third navigation level, another click away. For example, if a registered user wants to post a new topic on the forum, he will click “forum” then “post new”. Once the post is written he is directed to the topic’s page, then can return to the Forum main page.