We need a simple, but highly professional looking full-screen login page for desktops, iPads (mini too) and other tablets.
IMPORTANT: Please see the attachments of what we currently have as reference. There is no need to add anything extra than the items below (i.e navigation menus, twitter icon, etc.)
The exact list of items are:
1. A slightly blurred-out background image.
2. A crisp image on top, in a separate layer, of a hand holding an iPhone 5. The screen of the phone shows an app running. Please use a mock screenshot of any app for now.
3. The Product name "Workspace"
4. A tagline of: "Stop managing their devices, start managing your applications"
5. A form tagline of: "Sign In or Register"
6. A button to submit the form that reads "Continue"
7. An email field. (will be used as username) - (with validations).
8. A password field (with validations).
9. A forgot password link.
10. A simple copyright at the bottom "Copyright © 2013 Workspace. All rights reserved."
The page should fill 100% the space of the browser's viewport.
Your design needs to look great in *both* landscape and portrait orientation. It should also scale nicely on a larger Desktop browser viewport.
NOTE: The Portrait and Landscape modes need to have the form near the top so the native keyboard doesn't scroll the window.
We would like to see a comp in the following modes:
1. Tablet in Landscape (no keyboard)
2. Tablet in Portrait (no keyboard)
3. Tablet in Landscape (With keyboard overlay)
4. Tablet in Portrait (With a keyboard overlay)
5. Tablet in Portait with Field Validation (invalid password, etc).
6. Tablet in Landscape with Field Validation (invalid password, etc).