Challenge Summary
Welcome to Gmail Archiver Storyboard. The main goal of this contest is to create storyboards for 9 pages from the attached Gmail Archiver Wireframes. Gmail Archiver is a web-based Google application that will allow archiving of mails in Gmail.
Client of this project has internal employees that use Gmail for their email needs. However, some of these employees have been reaching the 25 GB storage limit imposed by Gmail. So they have decided to create Gmail Archiver application that will allow employees to archive / store their email messages to a cloud-based (online) repository with virtually no storage restrictions. See below for the screens to be designed.
Round 1
We are looking for your Initial Page Designs solutions for Client Review.
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - it’s easier to review with the client.
Round 2
Final Designs with the feedback applied as suggested by the client
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - it’s easier to review with the client.
Gmail Archiver application will allow employees to archive / store their email messages to a cloud-based (online) repository with virtually no storage restrictions. Email can be archived by clicking on “More” menu in Gmail. Users will be able to select which emails to archive, and using the Gmail Archiver they will be able to view these emails or restore them, so they’re available in their actual Gmail accounts again. When user loads Gmail Archiver they will be able to see main dashboard which will include recent activities, archive request history (with statuses), the remaining storage space in their Gmail account, activities the user still needs to complete, and alerts (both broadcast alerts and system alerts). The dashboard will also include options available to the user based on their user role (End-User, Archive Admin and eDiscovery Analyst).
Individual Pages Requirements:
In this contest, we need 9 screens to be designed, below are the screens from the wireframe that need to be designed.
1. Reanimate Emails (End User):
-Hover over “Re-animate” button to see the tooltip, please design it.
-Please note “Reanimate Emails” in the left navigation is expanded to show sub-navigation, please show them
-Follow the wireframes.
2. Reanimate Email Content (End User):
-Please follow the wireframes
-Show your designs for default view (last thread alone expanded), all threads expanded, all threads collapsed.
3. Setup Archiving (End User):
-In the top, the message box in the yellow background: design the box with “more info” and click on that link to see more information in that box, please show your designs for that box as well.
-Under “Labels Not Being Archived/Labels Being Archived”, labels can be selected – please show the styles for selecting and un-selecting the label.
-Follow the wireframes.
4. Help (End User)
-Please design this page.
-and also design the screen that is shown on clicking in a link (Getting started)
5. Dashboard (Analyst)
-Please follow the wireframes.
6. Accounts (Analyst)
-We need you to show this page
-Alphabet Navigation and how you plan to desing this?
-Design the Modal Window: Click on “Export Account(s)” to see a modal Window.
-We also need you show a screen with the drop-down that is shown on click in the inverted triangle in the header search box "Search or filter here".
-Follow the wireframes.
7. Account Search Results (Admin)
-Please Design this page
-Show the modal window that is shown on click in “Assign Role(s)”
-On click in “Import Account List”, we see one more button next to “Import Account List” called “Reset”, Please show a screen with this button
-Click “Select All” checkbox to see a message box at the top “All nn items on this page are selected. Select all nn items in list”. Please show this message as shown in the wireframe.
8. Manage Alerts (Admin)
-Please follow the wireframes.
9. Create Alert (Admin)
-Please follow the wireframes.
-How does the design of the Calendar popup look like when you click on the calendar icon.
Design required for Individual Widgets/UI Elements in pages:
-"Search or filter here" widget - Click on the inverted triangle in the header search box to see this widget.
-"Alerts" Widget - click on "Red color" text next to name in the header to see this widget.
-"Username image" widget - click on the icon next to Alerts in the header to see this widget.
-Hover on the inverted triangle in Search or Filter (“Advanced Search” name style).
-Progress bar indicating the Gmail Capacity status which is shown below the header.
-Button/text box/drop-down/radio buttons Styles. Follow the button styles from the attached Gmail Archiver Branding.png.
-Left Navigation style, Please note that “Analyst” and “Admin” users have more option in the navigation to choose from – also note the horizontal line after “Go to Help” grouped by user functionality.
-You are required to design Icons wherever required. Please include left navigation menu hover styles in your designs.
-Table styles, please note that we need the zebra styles for rows (alternate color background).
Branding Guidelines:
-Please follow the branding from the attached "Gmail Archiver Branding.png".
-Please use a placeholder for logo.
Target Audience:
-Internal Employees of client company
-Any other users running Gmail Archiver App
Judging Criteria:
- The completeness of your storyboard
- User experience of the storyboard
- The quality of your design as well as following the provided guidelines.
- How well you follow the wireframe and provides new idea about how the screen must looks.
Submissions & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPEG or PNG file in RGB color mode at 72dpi and place a screenshot of your submissions within it.
Submission File
All requested Contest Requirements stated above in PNG files.
IMPORTANT - If you are submitting "small updates or changes" with multiple submissions please include in your notes file what is different or changed - this can be confusing to the client sometimes when they can't tell what is different.
Source Files
All requested Contest Requirements stated above in PSD files.
Final Fixes
As part of the final fixes phase you may be asked to modify your storyboard.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.