The site is called Just Went Down (http://www.justwentdown.com) and its purpose is to monitor other web sites for problems. User can check the state of his site and then optionally set up automatic monitoring. If he does, the system will alert him when his website goes gown for any reason.
All pages will have a similar look with the same header. There will be some links on top: FAQ, Sign Up, Log In, Contact us. It should look very simple yet stylish.
The colors of the website should be modern, lively (e.g. green). Think of us saving the user's computer and money. Users must feel positive when browsing the site. No dark colors/themes please.
There are 2 types of pages:
• External: the sign-up page with login link, the page for collecting user's billing information, and other stuff (see workflow below)
• Internal: once user has signed up for the services, he can login and see details about his site, stats, etc. Those are internal secure pages visible to him only.
The internal pages' template could probably have a smaller header image. It also needs to have a textual header, the name of the page, e.g. "Statistics for http://www.mysite.com, "Billing Information", "Create a support case". And of course the header needs to have a place for those links, e.g. menu items: "Billing Information", "Support", "Log Out", etc.
The workflow is as follows:
1. User enters the website. The main page will say something like “Is your site up and running at the moment?” and “Enter address to test”. There will be a single textbox for the user to enter something like http://www.mysite.com and press Enter or Submit button.
2. If http://www.mysite.com is down, user will get the error status (e.g. in red) saying something like “Your site appears DOWN” and “please fix it and press Submit again”.
3. If http://www.mysite.com is up, user will be displayed “Success! Your site appears to be UP” and “Get notified if it goes DOWN?” “We can monitor your website for $4.99/month”, “Alerts via e-mail or short TXT message”, “30 days money back guarantee”, “Enter your e-mail address:” and a textbox with Submit button.
4. Once user enters email he's then presented with a bigger form to submit personal and billing info, e.g. name, address, credit card #/expiration.
5. At this point user is set up. If he comes back to the site and logs in (via login link), he's redirected to internal pages