Some general notes: - At a high level, our goal is to polish up our designs to make our company’s image a bit more professional. Some words that best describe the look we are going for: “professional”, “high-end”, “innovative”, “clean” and “polished”. - We like the general look and feel of our existing homepage, though despite the guidelines below, we are open to improvements to any aspects of the design. - The most important call to action is the “Sign Up” button; the second most important are the “Learn more” buttons for the “Feature 1” and “Feature 2” areas. - While the top half of the attached mockup is relatively filled out, the bottom half is just a wireframe and needs to be designed from scratch – feel free to take liberties and be creative!
Home page mockup: - http://www.webnotes.net/images/99d/…mockup.png
Notes on top half of homepage mockup: - Header, navigation bar, and blue wavy background: We like how these look, but are open to improvements (e.g. shading, color scheme, etc.). Since these contribute greatly to the overall look and feel of the site (which we want to make less “Web 2.0” and more towards “professional”), we want these to be very polished if any changes are made. - “Already a member? Login here”: We would like to replace this with a “Sign Up” button and a “Login” button (feel free to ditch the existing login UI) - “Annotate, Organize and Share the Web”: Font, style, etc. need to be polished - “Click to try Demo”: UI is fine, but feel free to update it if you feel compelled to - “Header Goes Here”, and “Copy goes here…”: Font, style, etc. needs to be polished - Screen shot under demo button: We’ll choose a better screen shot later, but feel free to polish up the way it is presented if you want - “Sign Up” button: Needs polishing (note: we like the orange color) - Tabs: These will be used to show different content in the “Header Goes Here” area, and need polishing (we like the shape of the current tabs, but feel free to use your own if you’d like). Please provide an active/inactive/hover state for the selected tab and one of the unselected tabs. Note: These don’t have to be tabs if you have a better approach in mind.
Notes on bottom half of homepage mockup: - “Feature 1” and “Feature 2”: Aside from the orange “Sign Up” button, these boxes are the 2nd and 3rd most important calls to action on our homepage. They need to draw users in, but without overpowering the top half of the site – be creative! - “Quote goes here…”: Text needs to be stylized - “View Testimonials” button: Need small but very noticeable link or button leading to a different page. Note: The quote + button can be moved elsewhere, as long as it is close to the features listed above (it is directly related to them) - “Featured on…”: No idea how this should look or where it should go! - Testimonials / Latest from our Blog: Need to be designed. Note: these are the least-important parts of our homepage. - Misc link 1 / Misc link 2: We need somewhere to put miscellaneous links (e.g. to our blog, twitter account, etc.)