With smart devices, users can now do everything on their mobile or ipad. To catch up with the industry, DriversEd.com would like their students to have the same ability. That is to take their courses anytime anywhere on their wireless devices.
Redesign DriversEd.com course player to responsive framework.
Provide art direction. Mockup layouts of design with responsive breaking points. Specify details for developers. Work along side with them to come up with solutions. Make sure functionality is smooth for users.
Any students who signed up for DriversEd.com courses.
Previous Version of Course Player
Responsive Break Points for Devices 768pt and Wider (Desktop)
Responsive Break Points for Devices from 481pt to 767pt (Tablet)
Responsive Break Points for Devices from 480pt and Smaller (Mobile)
Mobile mockups (from left to right): 1. Default layout of player interface 2. Layout expecting browser navigation header and footer 3. Settings panel with extra functions 4. Info panel with information about the course