Challenge Summary
Welcome to the Dolby Parking Lot App and Admin Website Design Challenge. In this challenge, we are looking to create designs for a user mobile website and an admin desktop website.
We are looking for you to define the initial design direction for this application by using best UX practices.
Good luck! We are looking forward to your designs!
Round 1
A. User Mobile Website (See Design Guidelines)
1) Landing page
2) Release Home page
3) Release a Spot page
B. Admin Desktop Website (See Design Guidelines)
9) Admin Landing page
10) Edit Parking Spot page
12) Search page
- Readme.jpg: Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
A. User Mobile Website (See Design Guidelines)
1) Landing page
2) Release Login page
3) Release Home page
4) Release a Spot page
5) Release Confirmation page
6) Release Thanks page
7) Request a Spot page
8) Request Thanks page
B. Admin Desktop Website (See Design Guidelines)
9) Admin Landing page
10) Edit Parking Spot page
11) Edit Specific Spot page
12) Search page
13) Release Spots page
14) Released Spots page
15) Specific Release Spot page
16) All Request List page
17) Assign Specific Request page
18) Reassign Spot page
19) Denial Message page
- Readme.jpg: Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Purpose of this challenge is to come up with an mobile website for users and a desktop website for administrators. Dolby has a facility with assigned parking. The user mobile website is designed for users to request an unassigned parking space and to release an assigned parking space when the user does not need it. The administrator desktop website is designed to coordinate these assign and release functions.
Design Guidelines:
- Looking for a modern design interface!
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
- In terms of the color palette, reference their website: http://www.dolby.com/
- Please use the logo from the website.
Required Design Sizes:
- Feel free to use the device mockups as required to show your designs. (make sure to comment about the link from where you are using the device mockup)
- In terms of a viewport size for the user mobile website, please target (iPhone 6 screen Layout) - 750 x 1334px
- In terms of a viewport size for the admin desktop website, the design layout must display well on a 14” screen at standard resolution
Invisionapp Prototype:
Winner of this challenge will be required to create InVision presentation of the mobile app and the admin app as a part of final fixes
Required Screens:
We need below screens to be designed…
A. User Mobile Website:
Please target (iPhone 6 screen Layout) - 750 x 1334px
1) Landing Page:
Ref: D-UP Landing Page
- Title “Parking Management”
- Hamburger Menu
- Release a Spot button
-- Takes user to Release Login Page
- Request a Spot button
-- Takes user to Request a Spot Page
2) Release Login Page:
Ref: D-UP Release Login Page
- Title “Parking Management”
- Hamburger Menu
- Last Name Text Field (10 characters)
- Parking Spot Text Field (5 characters)
- Next button
-- If last name and parking spot are correct:
--- Takes user to Home Page
-- If not: Displays an error message
3) Release Home Page:
Ref: D-UP Home Spot Page
- Title “Parking Management”
- Hamburger Menu
- Greeting “Hi [Person’s Name]”
- Release a Spot button
-- Takes the user to the Release Spot Page
- Subtitle “Previously Released Spots”
- Table with dates and statuses
-- Dates of previous releases
-- Status of previous releases
--- Assigned
--- Unassigned
4) Release a Spot Page:
Ref: D-UP Release Spot Page
- Title “Parking Management”
- Hamburger Menu
- Directions: “Select Dates to Release”
- Calendar
-- Defaults to current month and date
-- User can select dates to release their parking spot
--- If dates are valid dates:
---- Takes user to Release Confirmation Page
--- If not: Displays an error message
5) Release Confirmation Page:
Ref: D-UP Release Confirm Page
- Title “Parking Management”
- Hamburger Menu
- Subtitle “Confirm Release for these Dates”
- Displays the selected release date
- Confirm button
-- Takes the user to Release Confirm Page
- Back button
-- Take the user to Release a Spot Page
6) Release Thanks Page:
Ref: D-UP Release Thanks Page
- Title “Parking Management”
- Hamburger Menu
- Subtitle “Your request has been submitted. Thank you for using the parking management application”
- Back to Home button
-- Takes the user to Landing Page
7) Request a Spot Page:
Ref: D-UP Request a Spot Page
- Title “Parking Management”
- Hamburger Menu
- Subtitle “Request a Spot”
- First Name Text Field (10 characters)
- Last Name Text Field (10 characters)
- Email Address Text Field (20 characters)
- Instructions “I am requesting a parking spot for a
-- Dropdown picklist: [Empty by default], Dolby Employee, Dolby Visitor
-- Submit Button
--- Takes the user to Request Thanks Page
8) Request Thanks Page:
Ref: D-UP Release Thanks Page
- Title “Parking Management”
- Hamburger Menu
- Subtitle “Your request has been submitted. Thank you for using the parking management application”
- Back to Home button
-- Takes the user to Landing Page
B. Admin Desktop Website:
Please use the resolution as 1280px width and height as required!
9) Admin Landing Page:
Ref: D-Admin Landing
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Parking Management Administrative Dashboard”
- Edit Parking Spot info button
- Takes user to Edit Parking Spot Page
- View Reports button
-- Takes user to Search Page
- Assign Parking Spot button
-- Takes user to Search Page
- View Parking Request button
-- Takes user to Search Page
10) Edit Parking Spot Page:
Ref: D-Admin Landing
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “All Spots”
- Table information
-- First Name (10 characters)
-- Last Name (10 characters)
-- Spot (5 characters)
-- Edit buttons
---Take the user to the Edit Specific Spot page
11) Edit Specific Spot Page:
Ref: D-Admin Specific Spot
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Edit Spot”
- Table information
-- First Name text field (10 characters)
-- Last Name text field (10 characters)
-- Spot (5 characters)
-- Save button
--- Save the new text field information in the system
12) Search Page:
Ref: D-Admin Specific Spot
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Get Reports”
- Start Date field (date field)
- End Date field (date field)
- Next button
-- If originated from “View Report” button: Takes user to the Release Spots Page
-- If originated from “Assign Parking Spot” button: Takes user to the Release Spots Page
-- If originated from “View Parking Request” Page: Takes user to the All Request List Page
-- Home button: Takes the user back to the Admin Landing Page
13) Release Spots List:
Ref: D-Admin Release Spot List
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Released Spots Report”
- Table information
-- Name (First and Last Name - 10+10 characters)
-- Spot (5 characters)
-- Date
-- Status
--- Assigned
--- Unassigned
-- Assigned to (First and Last Name - 10+10 characters)
-- Assigned by (First and Last Name - 10+10 characters)
- Back to Admin Dashboard button
-- Takes user to the Admin Landing page
14) Released Spots:
Ref: D-Admin Released Spot
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Unassigned Parking Spots”
- Table information
-- Name (First and Last Name - 10+10 characters)
-- Spot (5 characters)
-- Date
-- Assign button
--- Takes the user to the Specific Release Spot Page
- New Search button: Takes user to the Search Page
- Back to Admin Dashboard button: Takes user to the Admin Landing page
15) Specific Release Spots:
Ref: D-Admin Specific Release Spot
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Assign Spot [Number] on [Date and time] to”
- Name field (First and Last Name - 10+10 characters)
- Confirm button: Confirms assignment and takes the user back to the Release spot page
- Back to List button: Takes user to the back to the Release spot page
16) All Request List:
Ref: D-Admin All Request List
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Requests from [Date] to [Date]”
- Table information
-- Name field (First and Last Name - 10+10 characters)
-- Type field (8 characters)
-- Start Time field
-- End Time field
-- Status (20 characters): Denied, Unassigned, Assigned to spot [Number]
-- Manage button: Takes the user to the Assign Specific Request page
-- Reassign: Takes the user to the Reassign Spot page
-- Back to Admin Dashboard button: Takes user to the back to the Admin Landing page
17) Assign Specific Request:
Ref: D-Admin Assign Specific Request
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Manage Request”
- Name title and field
- Type title and field
- Request Date title and field
- [Number] open spot(s) for [Date]
- Approve button: Approves the applicant for a parking spot and take the user to the Release Spots page with a search criterion keyed on the required date
- Denied button: Denies the applicant's request and take the user back to the Denial Message page
18) Reassign Spot page:
Ref: D-Admin Ressigan Spot
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title “Reassign Spot for [Name]”
- Assignment information: “Currently assigned to spot [Spot # - 5 characters] on [Date & Time] to [Date & Time]
- Subtitle: “Reassign Spot To:”
- Picklist selection of available spots
- Save button: Takes user to the back to the Admin Landing page
19) Denial Message:
Ref: D-Admin Denial Message
- Application Name: “Parking Admin”
- Home link/button
- Greeting “Hello, [Name]”
- Title: “Denial Message to Send”
- Subtitle: Denial Message
- Text box (250 characters)
- Submit button: Sends the message and takes user to the back to the Admin Landing page
Target Audience:
- Employees at Dolby
Judging Criteria:
We will be judging on:
- How well does your design align with the objectives of the challenge
- Creativity of your visualization
- Cleanliness of your graphics and design
- Overall Design and User Experience
Submissions and Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As a part of the final fixes, you will need to create an InVision presentation of the mobile app and the admin app. Also, you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback. See more information about Final Fixes.
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.