Challenge Summary
Welcome to the ACME - Students Education Application Design Challenge. In this challenge, we are looking to create a mobile first application that can secondarily be accessed through a standard desktop browser.
We are looking for you to define the initial design direction for this application by using best UX practices.
ACME is just a code name of the project.
Good luck, looking forward to your designs!
Round 1
All variation on the Home Screen/Navigation (See Design Guidelines)
1) Home Screen / Navigation (Mobile and Desktop - in both cool and warm color palette)
2) Student Profile (Mobile)
- Readme.jpg: Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
All screens (See Design Guidelines)
1) Home Screen / Navigation (Mobile and Desktop - in both cool and warm color palette)
2) Student Profile (Mobile)
3) Academic Account (Mobile)
4) Course Schedule (Mobile)
5) Financial Account (Mobile)
6) Awards (Mobile)
- 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 education mobile and desktop application. This application will have a few colleges throughout the United States and we want to create a way for students to see their schedules, check class information, pay tuition, etc. All colleges are branded differently (logo, color) but they all use the same backend system.
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
- Please use a placeholder for logo.
Color Palette:
- In terms of the color palette, we would like to have the design of all screens in a cool color palette, with few screens also viewed in a warm color palette, we are looking for your thoughts to define how a cool and warm color palette would look like.
- Reason for asking you to come up with cool and warm color palette is that we'd like to propose a solution to the client where we show they can easily swap out the color palette from the application, so each college can feel unique. With this in mind, we're asking for a cool color palette and a warm color palette to show the client the idea of having the same app layout, but having the potential to change the color palette to customize the app for each college brand.
- Cool Color Palette: The sample screens provided are a good example of the clients current cool color palette (blues and greens).
- Warm Color Palette: The warm color palette is a little more open to your interpretation. Some examples of "warm" branding might have bright reds (or) some other combination like yellows, browns, and muted-reds, (desert colors)..so we are looking for you to define this!
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 viewport size, we would like to have a study of all screen for an:
- - Mobile (iPhone 6 screen Layout) - 750 x 1334px [all screens required]
- - Desktop (MacBook Pro Layout) -1280 x 800px [only few screens]
Here are a rundown of the desired screens and in desired color palettes
Home Screen / Navigation (Mobile and Desktop screen in Cool color palette)
Home Screen / Navigation (Mobile and Desktop screen in Warm color palette)
Student Profile (Mobile in Cool Color Palette)
Academic Account (Mobile in Cool Color Palette)
Course Schedule (Mobile in Cool Color Palette)
Financial Account (Mobile in Cool Color Palette)
Awards (Mobile in Cool Color Palette)
Required Screens:
We need below screens to be designed for this application..
Content for each of the below screens can be grabbed from attached Required_content.docx (screenshots from existing application are provided in the document - please use it as a reference for content)
1) Home Screen/Navigation:
- This is the landing screen of the application.
- This will be a personalized screen for the school with their branding.
- Make sure you are not following the design from existing app screenshot, we are looking for some modern ideas that keeps this application engaging to students.
- Looking for your idea to come up with a navigation that suits this application (see the items required in the navigation).
- Also show us how the mobile view will look like!
2) Student Profile:
- In this screen, user will be able to view their profile.
- How can a user reach their profile from navigation, looking for your suggestions!
- This screen need to show the school details, personal details and advisors.
- Provide a option to allow the user to edit their profile.
3) Academic Account:
- Academic Account provides the student an overview of grades and classes at a glance.
- This screen will have student details and enrollment information.
- Overall looking for your ideas on how best these information can be shown in this page - think on simplifying the overall interface and how the experience can be improved!
4) Course Schedule (My Schedule):
- This screens allows the user to view their course schedules
- Students can view their class schedules.
- Show us how the different views (Day view, week view and month view) will look like!
5) Financial Account:
- This screens allows the user to view their Financial account!
- Students can view their overall account balance as well as the itemized ledger card.
- How do you think this can data can be shown within a mobile view?
6) Awards:
- This screen lists the number of achievements a student has secured.
- Note: We will be listing all awards (gold, silver and bronze) but only those awards that were achieved by the user will have a have the color (gold, silver and bronze), rest of the awards that were not achieved will be in faded silver (greyed out state).
- How do you think, this screen can be shown in the mobile?
Target Audience:
- Students attending a trade school or college
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 part of the final fixes phase 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.