Challenge Summary
Welcome to Barry University Check List Management Design Challenge. In this challenge, we are looking for graphic design that effectively conveys the solutions we worked out in the previous Barry University Wireframes Challenge, also working off of the requirements from our client.
We’ve already completed the wireframes, so you’ll have a quick start once you register for this challenge.
Round 1
Submit your design for a Checkpoint feedback:
1. Checklist Management Screen.
Notes.jpg: Any comments about your design for the Client
Round 2
Final Design plus any Checkpoint feedback:
1. Checklist Management Screen final design.
Notes.jpg: Any comments about your design for the Client
Challenge Description:
Admissions Counselors have a checklist of items they have to go through day to day, applicant to applicant to ensure they have all the information needed to enroll a new student. These checklists change depending on the type of Applicant.
The 4 types of applicants we are working with for this project are:
1- Domestic Freshman
2- Domestic Transfer
3- International Freshman
4- International Transfer
Supporting Documents:
- Click thru wireframes (Wireframe.zip)
Design Considerations:
- Consistency across the sections is Very Important.
- You work needs to be created with the context of a Responsive Design.
- Need a very clean look, professional and slick. The design does not have to just be flat design, but flat design is a good starting point.
- The final application is using the Bootstrap 3 Framework!
- This does not mean you need to understand everything about how Bootstrap 3 works, but just being aware of how good design goes with the framework.
- The source wireframes and design docs give the starting point for layout, interactions and UI elements, but your design should be more than just colored-in.
- We dont have any branding guideline so we want this to be lightly styled.
Screen Sizes:
Desktop: 1024px width and height as required.
Required Screens:
Admission counselor High level tasks per applicant:
1) Checklist Management Screen:
- Header:
-- Logo placeholder
-- An identity reflector.
-- Print icon.
-- The 4 High Level Categories for these checklist items:
1- Credentials
2- Conversion after Acceptance
3- Contact
4- Recruitment Events
-- Back to Applicant List link
-- View Activities History link
- All the 4 checklist items have the same content:
-- Subject
-- Due date
-- A Received Date (just like due date but the person would fill this in once they received a file they were waiting on)
-- Assigned by
-- Notes
-- Status
-- On hover the user can edit the checklist item, please click edit and include edit view in your design.
-- For completed activities - change the color of the line to green (this would give the visual of completed stuff vs having to look at the status field)
- User will be able to add a checklist item when clicking on “Add Checklist Item”:
-- The user will be able to enter the following data in the modal:
--- Subject
--- Due date
--- Assigned by
--- Notes
--- Status
Bootstrap 3 theme inspiration:
- http://www.wrapbootstrap.com has a good number of examples
- Flatify: https://wrapbootstrap.com/theme/flatify-responsive-admin-web-app-WB0977873
-- Good use of space, color and crisp, clean fonts
- Ace: https://wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR
-- Examples of very simple and professional looking animations that can be used to draw attention, if used carefully - don’t worry about making the animation unless you just want to do it, we just want to see how you design for it
- Ace also has a good use of colors as meaning - sections, types of content and functions are shown strongly using color here
- Metro: https://wrapbootstrap.com/theme/metro-responsive-admin-template-WB0KDM51J
-- Too brightly colored for this design challenge, but good use of icons
Note: DO NOT COPY
Target Audience:
- Admission counselor
Judging Criteria:
Your submission will be judged on the following criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design.
- User Experience.
Submission & 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.
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.