Challenge Summary
Welcome to Google Domain Custom Dashboard Storyboard Design Challenge. We need you to design one single web page (responsive) that handles an important amount of information that needs to be presented in a pleasant way to the final user. Just one page, it’s that easy.
Round 1
For your R1 deliverables please submit the requested screens design under “Design Requirements” section.
1) Dashboard (desktop and mobile view)
Round 2
Final design will contain all the requested screens under “Design Requirements” section plus any updates from client feedback.
1) Dashboard (desktop and mobile view)
2) User view (desktop and mobile view)
The primary goal of this challenge is to design the look and feel of a customized dashboard tool for displaying important information of the Google Apps domain administration console. This will be one single responsive page that smartly organizes the information associated to the domain. Overall, we are extracting the data that is in the Google Apps Control Panel and trying to present it in a more organized manner. There are wireframes you will follow to build a very clean and easy to use design, it’s very important to us the thoughts you can add about usability (VERY EASY to understand/use).
Branding and Guidelines
- Provide desktop and mobile view of the screens. Specific limitations 1010px wide for desktop and 320px wide for mobile, height is up to you.
- Provide a balanced combination of colors for reading the data in a pleasant way.
- Use placeholder for logo.
- Provide a solution to make this page simple with a modern look, clean, intuitive and easy to understand.
Design Requirements
Follow the provide wireframes to design the page.
1) Dashboard (“Home” from wireframes)
- Ignore the top header bar with “Google”, search bar. Create your own header with the logged in user information only.
- Use a placeholder for the application logo on the header.
- Use placeholders for Google App icons. They should follow any of the following dimensions: 16 x 16, 32 x 32, 64 x 64 or 128 x 128. These are standard dimensions provided by Google. At the end of the challenge you will be requested to replace the icons with the real ones as part of the final fixes if you become a winner.
- Show all the unique hovers and interactions from the wireframes for desktop and mobile views. Make sure to read all the blue tooltips to understand what each component does.
- Show how the inner search of the panels work.
- Show the edition popup from Admin Roles panel (see edit button).
- Add the ability to export this report as CSV and PDF. Create links/buttons somewhere in the page.
2) User view (“User” from wireframes)
- This is basically the same dashboard with reduced items for the final user. Show how this scenario looks.
- All the previous dashboard requirements apply here (header, export items, etc).
Target Audience
IT System administrators, Salesforce platform users.
Judging Criteria
- Originality.
- User experience. The solution is intuitive and easy to read.
- Quality of design execution.
Submission File
Submit JPG/PNG image files based on challenge submission requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD files.
Preview Image
Create one 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.
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.