Challenge Summary
Welcome to the Apollo Virtual Learning Tool Design Concepts Challenge! We would like to explore a responsive “virtual learning tool” that is focused on higher education and online lectures. This design concepts challenge will help us visualize the Virtual Learning experience and the potential for connected learning environments.
Important: The checkpoint round for this challenge will go all week. Please use the available time and ask questions!
Round 1
Submit your designs for a Checkpoint Review
This challenge has a week long checkpoint!
- Submit your initial mobile and desktop for feedback
- Complete what you can to showcase your idea
- Include a click map/diagram to help us understand your idea
01) Dashboard/Landing Screen (Mobile/Desktop)
02) Learning Course Category Screen (Mobile/Desktop)
03) Details Screen (Mobile/Desktop)
06) Additional Screens/Experience
- Anything additional you would like feedback on!
Round 2
Submit your final designs!
- Submit all mobile and desktop designs to complete your concept!
- Include a click map/diagram to help us understand your idea
- Include your presentation screen
- Thank you!
Challenge Details
This challenge is focused on designing concepts for our Virtual Learning Tool concept. We are looking to explore designing a responsive “virtual learning tool” that is focused on higher education and online lectures including features like voting, polling, notes etc.
Design Problem
We would like to see your ideas and visual concepts around a “virtual learning tool” application. We would like to explore the potential for creating a new connected learning environment focused on higher education.
Your concepts should be delivered as a set of screens that will incorporate the possible user experience and design aspects of the virtual learning environment.This will be delivered as a set of screens that will incorporate the potential user experience and design aspects of the virtual learning environment.
Important: We are looking for a modern and innovative user interface solutions and interactions for online learning!
Branding Guidelines
- See attachment for initial color guidance
- We will provide additional color/branding guidance after the checkpoint
Design Size
- Design screens for the following devices:
--- Desktop 1280px width with height adjusting accordingly
--- iPhone 6 (Portrait view, 750x1334px)
Design Considerations
- Think about designing a great experience for two ways interactions in online learning/education application
- Needs to be simple, clean and easy to use
- It would be good for a student to see the skills that they are building, beyond just the technical skills, e.g. presentation skills, business analysis skills
- It would be good to see how a group, such as a study group, could provide responses to a question / interact in interactive polls
Things to think about (as a user)
- When I first open the application what do I see?
- What is the priority for me?
- When opening the application, show my latest activity and online learning materials recommendations for me
- I quickly want to find any online learning materials for my current needs.
- What are the navigation items (primary and secondary)?
- I can save my current learning progress
- What kind of features that will engage me and makes me want to continue learning?
- Notification tools
Screen Requirements
00) Presentation Screen - 1920x1080 (16:9 Ratio)
- If you were walking into a meeting and needed to sell your idea - use this screen to showcase your concept.
01) Dashboard/Landing Screen
- The dashboard is the main page for a user after they log into the application
- Think about how this page should be presented and the key navigation items, features and user actions.
- The user should be able to search any course/learning materials from this screen.
- The user will be shown recommended courses and learning materials they might be interested in (based on previous courses)
- Gamification areas for user engagement?
- Look to capture the user’s learning journey (activity/progress in timeline chart, etc.)
- Capture items the user might have learned as part of their courses (track multiple learning paths and courses that might overlap) (ex. If they complete a 100% of a course they might have completed 10% of another course)
02) Learning Course Category Screen
- The user can browse all online learning materials from this screen.
- By default, show a list of popular or new online materials/courses
- Filter or search any courses that might be interesting to them
- Show online learning materials based on their category (economy/IT/management/etc.)
- Provide summary of each online materials/course to attract user attention (course image, course purpose, short course description, how long should it takes to finish the course, online course rating, etc.)
03) Details Screen
- Once a user has found the online materials that match their needs, they can see details about the course
- In this screen, if a user has not yet joined the course, they will be able to see limited “preview” information such as:
--- Course title
--- Short description of the online course purpose (how many instructors/lecture, how long will it takes to finish the course, languages option, and wishlist)
--- How many students enrolled to the course
--- Instructor profile/biography
--- Category of online learning/course
--- Welcome area (video, short text, etc.)
--- Curriculum list (In each course, there might be many chapter/section to explain different course topics, show list of all lecture/chapter/section that user will take from start to finish, and show only the title and hours to complete each chapter)
--- Full description of the course (requirements, why should join and Benefit to join the course, target audience, etc.)
--- Course rating and feedback from students
--- Others online learning/course material from the instructor or recommendations?
--- Button to register/unregister to the course.
- Once a user joins the course, they will get full privileges to access the material/lecture details:
--- View Video/Live Video of each lecture/chapter/section.
--- View all text documents/images from file repository that related to each chapter/section (view online or download)
--- User can ask Questions regarding the material content and get Answers from the instructor.
--- Check whether the instructor online/offline.
--- Take a quiz once they complete each chapter
--- User can create or join live Polling about the lecture/chapter/section.
--- Feedback Screen, user can rate and provide feedback to the lecture/chapter/section
--- See their current progress on the course, how long before they able to complete, how good they progressed, etc. in some interactive ways (maybe via journey illustrations?, etc.)
04) Profile Screen
- User can view and edit their profile from this screen
- The user can set their learning material/preferences from this screen, any topic that they want to learn, don't like, learning materials in video or text documents or both, etc.
- Show list of current learning material that they registered and their current progress (complete, 50% complete, unregistered, etc.)
- Gamification ties into the users profile
05) Login Screen
- Simple Logo that able to reflect the application purpose (learning/education/course).
- Make it fun and engaging, we want to engage higher education.
- Login Information:
--- Username and password fields
--- Remember Me Checkbox
--- Forgot Password link
--- Login button
06) Additional Screens/Experience
- Showcase your concepts and complete any flows/experiences
Target Audience
- Students and Scholars
- Lecturer, Teacher, Instructor
Judging Criteria
- Great modern user interface combined with responsive usability
- Cleanliness of your graphics and design.
- Your design concepts should be possible to build and implement.
Submission & Source Files
Preview Image
Create your preview image as one 1920x1080 (16:9 Ratio) JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
- Please upload JPG/PNG images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.
- Please submit documentation in pdf format with as many pages and images as required to explain your design and solution.
Source Files
All source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
This challenge will require final fixes for the winners.
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.