DebutSEM is a brand new company, and its sole product is a web-based application that makes it easy for advertisers to manage how much they spend on search-based advertising on Google and MSN. Advertisers spend countless hours trying to figure out what keywords users are searching on to get to their website. If i'm a florist in Texas, I may spend $$ each time a user googles "texas florist" or any of the dozens of variations of "flowers" to try to lure them to my website. This is a really complex process and involves ALOT of numbers. Our application needs to look SIMPLE and INTUITIVE. We want a clean interface with a theme that is easy to read and uses color to alert users (i.e. red = bad and yellow=warning) when they need to take action.
Our web application is targeted to businesses who do online advertising. They will have familiarity with computers and surfing the internet. They may have some knowledge of how web based applications work but they won't be experts.
Attached is a mockup that shows a reporting/dashboard screen. Do a revised version of the screen using your own color, font, buttons, links and tab styles. Incorporate the following:
1. There are 2 tab levels (marked as 1st Tab and 2nd Tab). For each Tab Level, show the style for the Current/Selected Tab as well as the Unselelected/Default style.
2. For each button (i.e. Close, Enter, Submit), show all 3 button states - Default, On Hover, Clicked OR if you think there should be only 1 button state, then show just 1.
3. For the chart - show 3 lines with diff colors
4. For the grid:
a. Show how you'd indicate that the columns are sortable (i.e. on hover, the column headers are underlined) or in the mockup the sorted column has an orange arrow up/down showing order.
b. Make the grid rows alternating color for readability.
c. Show what a grid row looks like on hover.
d. Show one row highlighted with alert colors (like shades of red or orange to indicate something is wrong).
5. Popup box - make it noticeable but consistent with color theme
6. The design be 1440px wide (full screen width)
Feel free to rearrange the elements on the screen if you think of a better layout. We don't have a logo so just change the words DebutSEM at the top to match your color scheme. GOOD LUCK!
Se requirements section.