Challenge Summary
Welcome to "Deloitte Pixel (TM) - Innovative University Student Recruitment Design Concepts Challenge". In this challenge, we are looking for your help to create a modern, clean, and intuitive mobile-friendly web portal that will provide students, their parents and guidance counselors with new and innovative ways to connect with a university - improving the "prospective student" experience.
Users will require access to basic features one might want to do as a prospective student (e.g. research programs the university offers, order a brochure, book a campus tours, connect with the admission office and campus ambassadors via multiple social channels, research and apply for scholarships and student aid, nominee students for scholarships, etc.). We would also like you to be creative and identify new and different capabilities that a prospective student may desire - imagine what you would want to do if you were looking at possibly attending a university.
We want you to focus on the UI/UX interactions and bring clean, modern solutions to how this application should work. We're open to new and different ideas as well! Some questions to think about:
- What should the user see and experience when using the website?
- What are new and creative recruiting features and capabilities that a user may desire?
- How can a mobile friendly version of the web portal improve the students overall recruiting experience?
The primary focus of this challenge should be on exploring how a well designed recruiting website can improve the prospect outcomes and experience as well as improve the user experience of prospective students. Looking forward to see your participation in this challenge!!
00. Prospective Student Landing Screen
01. Account Management Screen
02. Event Management Screen
03. Inventory Management Screen
04. Awards Management Screen
00. Prospective Student Landing Screen
01. Account Management Screen
02. Event Management Screen
03. Inventory Management Screen
04. Awards Management Screen
05+. Other Features Screens - Any additional ideas / suggestions you have.
Background Overview
Like many other top universities around the world, The University (let's call it “The University of Excellence”) is competing for top-calibre students who are technologically savvy and who expect best-in-class recruitment activities and communications. An advanced and innovative recruiting website with a state of the art prospective student features will help the University to better respond to the changing needs of prospective students and strategically market it’s academic programs to a discerning student.
We want your help in designing the customer facing website with innovative design concepts that move the students and guidance counselors throughout the entire recruitment process: from visiting the website for the first time to, order information & brochures, schedule campus visits, other useful steps and finally successfully applying for a program and the associated scholarships they are interested in.
Challenge Goals
We are looking for the best design concepts that explore new and creative ideas for the universities recruiting capabilities. We are looking for designers who can create both a simple and intuitive user experience, while also bringing innovative web and mobile friendly features and capabilities that would help the university explore the art of the possible of how a prospective student would interact with a university throughout the exploration, application, and decision process.
Design Problem
We would like to emphasize that these design concepts will help our client explore the art of the possible for a university institution and how they can engages with future students, specifically for prospective students and guidance counselors (e.g. research programs the university offers, order a brochure, book a campus tour, connect with the admission office and campus ambassadors via multiple social channels, research and apply for scholarships and student aid, nominee students for scholarships, etc.). As such, there are not strict requirements or guidelines for these designs. That being said, we want you to keep these goals in mind when you design the experience:
1. Improve the Prospect Student’s experience – the experience should be personalized and responsive. Prospective Students should find it simple and straightforward. The system should enable prospective students to make timely, informed enrollment decisions.
2. Improve the User Experience of Prospective Students – ensure the prospective student experience is outstanding and that the system is engaging, useful and attractive.
We encourage you to think about how you would use and access this portal/website both from a mobile platform and from traditional desktop and use your insights and experiences to generate your designs for these two different target device sizes (mobile browser, and traditional web browser). We want you to include new and different features / capabilities that will provide customers a better experience.
Key Use Cases / Features to Include:
Although we want you to think of the entire experience of a new student and their interaction with the university. We want you to focus on the following use cases:
1) As a prospective student, I need to be able to order a brochure from the university so that I can get more details about the programs that I’m interested in.
2) As a prospective student, I need to be able to register for events (such as campus tours) so that I can let the university know that I’ll be attending.
3) As a prospective student, I need to be able to connect socially with other attendees of the events that I’m going to so that I can get a feel for what the university community will be like if I choose to go there.
4) As a high school guidance counsellor, I need to be able to view awards and scholarships offered by the university so that I can nominate students for them.
Screen Requirements
- There are 2 key users here (prospective student and guidance counselors) who both might access the website from a mobile device as well as desktop. That being said, we believe that the main user, the prospective student, will mainly access the web portal via a mobile web browser and therefore we want you you to focus on designing the application to be mobile first. Although the main form factor for the student pages will be mobile first, we understand that some of the screens might be better suited for web, we therefore want you to design at least 2 of your screen to show how it will also look on a regular browser (Desktop). Please pick the two screen that you think the user would also want to be able to access via a regular desktop browser. If you want to showcase more than 2 screens for desktop that is fine.
- If you have key functionality that you believe is going to be used in mobile vs desktop or vice versa we want you to show that. We want the student and guidance counselor to have an omni-channel experience from the time they come to the website for the first time to, when they checkin for their first tour, to when they are back and ready to apply.
- Around 8-10 screens (or more if necessary) that walk the user from landing on the page to performing the key user stories explained in the previous section.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application
A list of suggested screens is provided below. Please remember that you do not have to follow these screen layouts exactly. We are open to your creative ideas on how to best structure the app as long as important functionality is captured. We want to encourage your creativity!
00. Prospective Student Landing Screen
- This is the student/parents/guidance counselors main view of all recruiting material and functions available for a prospective students
- Be innovative - but make sure all key things are easy to find!
- Any other features that should be available in this screen? Feel free to add more!!
01. Account Management Screen
- Self-registration through the portal
- Provide login form where user can enter their credentials (name,contact info, password, submit, save etc.)
- General Information that user can access without needs to logged in
02. Event Management Screen
- The solution will allow users to interact with the portal to:
-- View and register for any active events
-- Sign up for wait lists
-- Cancel registrations
-- Connect and collaborate with other registrants
-- Preview event schedules etc.
03. Inventory Management Screen
- Through the portal, user will be able to submit and track their requests. (materials such as brochures)
04. Awards Management Screen
- Users will be able to access the following services through the portal:
-- View awards
-- Submit applications for awards
-- Nominate individuals for awards
05+. Other Features Screens
- What other kind of functionality would you think a student like to have available in the portal to simplify the application process?
- Feel free to build several additional screens to capture your creative ideas! Mobile or desktop, whatever you deem the best fit for the features the screen has.
- For example and some screen suggestions:
-- Interactive Program information and overview Screen
-- Information Session Registration Screen
-- Virtual tours Screens
IMPORTANT
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application.
Design Considerations
- The interface needs to be clean, modern, easy and intuitive to navigate, particularly considering the wide array of users.
- Ideally the focus should be on fluid user experience as user accesses and interacts with new features and capabilities.
- Focus on the design being a great user experience, think simple but effective solutions!
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- Get creative with your designs! This client is really excited about exploring the art of the possible
- No idea is too crazy, please be creative and imagine what you would like in a portal.
Screen Size
Mobile browser should be focus but for the screens that you believe will not only be access via mobile please design for desktop browser as well. In other words, please design all screen for mobile and at least 2 of them in a desktop form factor as well (showcasing how it will look if a user opens that screen on web browser vs mobile screen)
- Mobile: 750x1334px
- Desktop : 1280px width with height adjusting accordingly
Branding Guidelines
- Open to designers
Target Audience
The target users would the following 2 key users:
- Prospective International & Domestic students
- Guidance counselors
Judging Criteria
We will judge your submissions based on the following criteria:
- The overall functionality of your concepts - how well do your ideas work as web based customer facing recruiting portal. We are looking for an app that is easy-to-use
- Your ideas and concepts!
- How well does your design align with the objectives of the challenge
- Cleanliness of your graphics and design.
- Overall design and 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 and instructions.
Users will require access to basic features one might want to do as a prospective student (e.g. research programs the university offers, order a brochure, book a campus tours, connect with the admission office and campus ambassadors via multiple social channels, research and apply for scholarships and student aid, nominee students for scholarships, etc.). We would also like you to be creative and identify new and different capabilities that a prospective student may desire - imagine what you would want to do if you were looking at possibly attending a university.
We want you to focus on the UI/UX interactions and bring clean, modern solutions to how this application should work. We're open to new and different ideas as well! Some questions to think about:
- What should the user see and experience when using the website?
- What are new and creative recruiting features and capabilities that a user may desire?
- How can a mobile friendly version of the web portal improve the students overall recruiting experience?
The primary focus of this challenge should be on exploring how a well designed recruiting website can improve the prospect outcomes and experience as well as improve the user experience of prospective students. Looking forward to see your participation in this challenge!!
Round 1
Initial screen creations for client review00. Prospective Student Landing Screen
01. Account Management Screen
02. Event Management Screen
03. Inventory Management Screen
04. Awards Management Screen
Round 2
All screen requirements like stated in challenge details with client feedback applied00. Prospective Student Landing Screen
01. Account Management Screen
02. Event Management Screen
03. Inventory Management Screen
04. Awards Management Screen
05+. Other Features Screens - Any additional ideas / suggestions you have.
Background Overview
Like many other top universities around the world, The University (let's call it “The University of Excellence”) is competing for top-calibre students who are technologically savvy and who expect best-in-class recruitment activities and communications. An advanced and innovative recruiting website with a state of the art prospective student features will help the University to better respond to the changing needs of prospective students and strategically market it’s academic programs to a discerning student.
We want your help in designing the customer facing website with innovative design concepts that move the students and guidance counselors throughout the entire recruitment process: from visiting the website for the first time to, order information & brochures, schedule campus visits, other useful steps and finally successfully applying for a program and the associated scholarships they are interested in.
Challenge Goals
We are looking for the best design concepts that explore new and creative ideas for the universities recruiting capabilities. We are looking for designers who can create both a simple and intuitive user experience, while also bringing innovative web and mobile friendly features and capabilities that would help the university explore the art of the possible of how a prospective student would interact with a university throughout the exploration, application, and decision process.
Design Problem
We would like to emphasize that these design concepts will help our client explore the art of the possible for a university institution and how they can engages with future students, specifically for prospective students and guidance counselors (e.g. research programs the university offers, order a brochure, book a campus tour, connect with the admission office and campus ambassadors via multiple social channels, research and apply for scholarships and student aid, nominee students for scholarships, etc.). As such, there are not strict requirements or guidelines for these designs. That being said, we want you to keep these goals in mind when you design the experience:
1. Improve the Prospect Student’s experience – the experience should be personalized and responsive. Prospective Students should find it simple and straightforward. The system should enable prospective students to make timely, informed enrollment decisions.
2. Improve the User Experience of Prospective Students – ensure the prospective student experience is outstanding and that the system is engaging, useful and attractive.
We encourage you to think about how you would use and access this portal/website both from a mobile platform and from traditional desktop and use your insights and experiences to generate your designs for these two different target device sizes (mobile browser, and traditional web browser). We want you to include new and different features / capabilities that will provide customers a better experience.
Key Use Cases / Features to Include:
Although we want you to think of the entire experience of a new student and their interaction with the university. We want you to focus on the following use cases:
1) As a prospective student, I need to be able to order a brochure from the university so that I can get more details about the programs that I’m interested in.
2) As a prospective student, I need to be able to register for events (such as campus tours) so that I can let the university know that I’ll be attending.
3) As a prospective student, I need to be able to connect socially with other attendees of the events that I’m going to so that I can get a feel for what the university community will be like if I choose to go there.
4) As a high school guidance counsellor, I need to be able to view awards and scholarships offered by the university so that I can nominate students for them.
Screen Requirements
- There are 2 key users here (prospective student and guidance counselors) who both might access the website from a mobile device as well as desktop. That being said, we believe that the main user, the prospective student, will mainly access the web portal via a mobile web browser and therefore we want you you to focus on designing the application to be mobile first. Although the main form factor for the student pages will be mobile first, we understand that some of the screens might be better suited for web, we therefore want you to design at least 2 of your screen to show how it will also look on a regular browser (Desktop). Please pick the two screen that you think the user would also want to be able to access via a regular desktop browser. If you want to showcase more than 2 screens for desktop that is fine.
- If you have key functionality that you believe is going to be used in mobile vs desktop or vice versa we want you to show that. We want the student and guidance counselor to have an omni-channel experience from the time they come to the website for the first time to, when they checkin for their first tour, to when they are back and ready to apply.
- Around 8-10 screens (or more if necessary) that walk the user from landing on the page to performing the key user stories explained in the previous section.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application
A list of suggested screens is provided below. Please remember that you do not have to follow these screen layouts exactly. We are open to your creative ideas on how to best structure the app as long as important functionality is captured. We want to encourage your creativity!
00. Prospective Student Landing Screen
- This is the student/parents/guidance counselors main view of all recruiting material and functions available for a prospective students
- Be innovative - but make sure all key things are easy to find!
- Any other features that should be available in this screen? Feel free to add more!!
01. Account Management Screen
- Self-registration through the portal
- Provide login form where user can enter their credentials (name,contact info, password, submit, save etc.)
- General Information that user can access without needs to logged in
02. Event Management Screen
- The solution will allow users to interact with the portal to:
-- View and register for any active events
-- Sign up for wait lists
-- Cancel registrations
-- Connect and collaborate with other registrants
-- Preview event schedules etc.
03. Inventory Management Screen
- Through the portal, user will be able to submit and track their requests. (materials such as brochures)
04. Awards Management Screen
- Users will be able to access the following services through the portal:
-- View awards
-- Submit applications for awards
-- Nominate individuals for awards
05+. Other Features Screens
- What other kind of functionality would you think a student like to have available in the portal to simplify the application process?
- Feel free to build several additional screens to capture your creative ideas! Mobile or desktop, whatever you deem the best fit for the features the screen has.
- For example and some screen suggestions:
-- Interactive Program information and overview Screen
-- Information Session Registration Screen
-- Virtual tours Screens
IMPORTANT
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application.
Design Considerations
- The interface needs to be clean, modern, easy and intuitive to navigate, particularly considering the wide array of users.
- Ideally the focus should be on fluid user experience as user accesses and interacts with new features and capabilities.
- Focus on the design being a great user experience, think simple but effective solutions!
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- Get creative with your designs! This client is really excited about exploring the art of the possible
- No idea is too crazy, please be creative and imagine what you would like in a portal.
Screen Size
Mobile browser should be focus but for the screens that you believe will not only be access via mobile please design for desktop browser as well. In other words, please design all screen for mobile and at least 2 of them in a desktop form factor as well (showcasing how it will look if a user opens that screen on web browser vs mobile screen)
- Mobile: 750x1334px
- Desktop : 1280px width with height adjusting accordingly
Branding Guidelines
- Open to designers
Target Audience
The target users would the following 2 key users:
- Prospective International & Domestic students
- Guidance counselors
Judging Criteria
We will judge your submissions based on the following criteria:
- The overall functionality of your concepts - how well do your ideas work as web based customer facing recruiting portal. We are looking for an app that is easy-to-use
- Your ideas and concepts!
- How well does your design align with the objectives of the challenge
- Cleanliness of your graphics and design.
- Overall design and 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 and instructions.
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.