Challenge Summary
Welcome to the Dinnaco - DRIVEN Mobile App Design Challenge. The client for this project wants to create an automotive-specific iOS iPad app that aggregates content across the company, digitally delivers that content to stakeholders worldwide, and can evolve with advancements in mobile technology and digital communications. We already have a comprehensive set of wireframes, we need you to apply a killer design to them!
For this challenge, we need you to create an amazing UI design for the new DRIVEN by Dinnaco tablet application. We have provided details below on the application use cases and required functionality for you to understand. Your submission should retain the established functionality from the wireframes, but apply an excellent UI design to them.
We look forward to seeing your creative UI designs and concepts!
Round 1
Submit your initial designs for Checkpoint feedback:
1. Pre-Login Dashboard
2. Login
3. Registration
4. Content Dashboard
5. View Content
- Provide us with a click map for your design
- Readme.jpg : Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final design for all the required pages with all checkpoint feedback implemented:
1. Pre-Login Dashboard
2. Login
3. Registration
4. Content Dashboard
5. View Content
6. User Profile Dashboard
7. Customize content/topic preferences
8. Additional Features
- Provide us with a click map for your design
- Readme.jpg : Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering (00, 01, 02, 03)
Challenge Description:
The client for this project (Dinnaco) is looking to expand its automotive brand. Dinnaco's automotive digital strategy currently lacks an industry-specific marketing brand/platform, resulting in low viewership of digital content and low quality/quantity of contacts in their database. They have decided to create a customizable, mobile app that resonates with how people digest content.
The goal of DRIVEN by Dinnaco is to introduce a sustainable Dinnaco automotive-specific brand that aggregates content across the firm, digitally delivers that content to stakeholders worldwide, and can evolve with advancements in mobile technology and digital communications. This will be accomplished by creating the new DRIVEN by Dinnaco application. The new application will also capture user data, thereby increasing the quality and quantity of the pool of contacts.
Design Requirements:
- Design a user friendly and visually engaging UI around the established wireframes
- Use the included branding guidelines, colors, fonts, etc in your designs
- We DO NOT want you to simply color in the wireframes. Add some design skill to them. Use the wireframes as your guide for functionality, but don’t feel like you need to follow them 100%. If you see something that is confusing or unconventional, feel free to make the change and call out why you made the modification.
- Every screen/state that is present in the wireframes need a UI design applied to it. We’ve outlined specific screens below, but again, use the wireframes as your guide.
Screen Size:
Targeting iPad resolutions: 2048 x 1536px
Look-and-Feel:
The new application needs to match the look-and-feel design considerations provided by the client as outlined below. We've also supplied an inspiration document for download to get you thinking in the right direction.
- Futuristic
- Easy to navigate
- Sticky
- User friendly
- Creates consumer demand.
- Highly interactive
- Tailored
- Real time notifications
- Global connectivity
Included Documents:
- Wireframes (Wireframes.zip) - Make sure you are follow these while you are designing. Use these as your guide.
- Inspiration Document (DRIVEN-DesignInspiration.pdf) - A series of inspirational UI elements and app designs to get you thinking in the right direction for what this app should look like
- Brand Guidelines (Dinnaco Branding Guidelines.pdf) - Guidelines around colors, suggested fonts, etc. Its important that you follow these guidelines while designing
Required Screens:
1. Pre-Login Dashboard:
- Please refer to home.html
- "View only mode" of content/dashboard
- Take our poll
- Please show Podcast, Video and Article view only modes
2. Login
- Allows users to login or register
3. Registration:
- Allows the user to enter their contact information and register to use the application
4. Content Dashboard:
- Please refer to dashboard.html
- Shows aggregated automotive content available to view, download, or share (PDFs, videos, podcasts, infographics, etc)
5. View Content:
- Please refer to article.html, video.html and podcast.html
- Allows user to view selected content from Articles, Videos or Podcasts
6. User Profile Dashboard
- Please refer to profile.html
- View / edit user profile and preferences
7. Customize content/topic preferences:
- Please refer to preferences.html
- Allows the user to build their news feed and decide what content to display
8. Additional Features:
- Any additional states, interactivity or features that are shown in the wireframes should be included in your designs as well
Target Audience:
- Current clients / prospective clients
- Management employees at Automotive Manufacturers/Suppliers/Dealers/Aftermarket
- The entire automotive industry
- Automotive industry contacts - all levels
- Media
- Students – up and coming talent
Judging Criteria:
- Overall UI/UX
- Simplicity and consistency
- Completeness and accuracy of the designs
- How well you implement the challenge requirements
- Any suggestions, interactions and user flow you recommend (provide any notes or comments for the client)
Submission & Source Files:
Preview JPG/PNG Image File
- 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
- Please upload PNG images in a zip file with all requested contest requirements stated above. Number and Name your files appropriately to aid in the review process. This is very important.
Source Files
- All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD files.
Final Fixes
- As part of the final fixes phase you may be asked to complete one round of minor changes to ensure your submission meets the stated requirements of this contest. 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.