This eLearning highlights the new models and changes of the C-Class line of Mercedes-Benz vehicles. The design of the course is bold, playful, and sleek with the use of bright colors and metallic-styled text. The component of circles is carried throughout the course with the use of circular popups and notes, hotspots, curved masks, and background floating circles.
Design / Photoshop Production / Flash Production / Flash Development
Module 1 Page 1 – Introduction
Module 2 Page 1 – Model Overview
-
The user has an interactive side-by-side comparison of the C-Class Coupe and Sedan.
-
The user can either rotate the vehicles by clicking and dragging a vehicle side to side or...
-
By clicking on the buttons below to see the differences. The button will highlight when hovered over. When the button is clicked, the vehicles automatically rotate to the best angle to view the highlight.
-
A central popup will appear and will animate where applicable. In this instance, the lights animate from on to off.
-
Measurements as well as a central popup appears.
-
The buttons do not have to be clicked in order. The vehicles will rotate from the current state.
-
When the last button is clicked, the user receives a prompt that the page is complete and may continue to the next page.
Module 2 Page 3 – Exterior Knowledge Check
-
For this interactive, the user is presented with 5 different features. The user chooses a side of the vehicle from the left menu and the feature that best matches the description.
-
The car will rotate from the last side of the vehicle to the side selected. Then the features animate into view.
-
When the user selects the correct answer, the hotspot turns changes color and a "correct" prompt appears.
-
The voiceover continues with a magnified view of the feature.
-
After the user completes all 5 features, the hotspots that were featured remain highlighted.
-
There is a bonus question.
-
Once the user selects the correct bonus question answer, they can close the features.
-
The user is prompted with a "Good job!" and can continue with the rest of the course.
Module 4 Page 1 – Comfort and Convenience
-
Similar to other interactives in the course, the user is presented with 4 scenarios. They much select which feature fits best with the scenario.
-
When the user selects the correct answer, there is a curved mask that reveals a full screen image of the feature, with corresponding voiceover.
-
With this feature, notice the three rectangles under the text build.
-
These rectangles are buttons that allow the user to change from "page-to-page" in each feature.
-
-
After all 4 scenarios are completed, the user receives a prompt for the option to review the hotspots or to continue to the next page in the course.