eLearning UI Design

Stratus’ worldwide education provides web-based training courses for many of its products. When Stratus purchased a new learning-authoring tool, they wanted to customize the templates with their company brand. I designed this UI to reflect the current design trends of Stratus Technologies and update the needs and requirements of our course developers.

Course Introduction Page - Features Splash Animation

Course Title Page
Course Title Page
Course Overview - Topics and Prerequisites
Course Overview - Topics and Prerequisites
Course Course Contents - Rollover titles displays section overview and lesson topics.
Course Course Contents - Rollover titles displays section overview and lesson topics.
Lesson Contents - Displays objectives and lesson topics.
Lesson Contents - Displays objectives and lesson topics.
Lesson Page - Photo and Video Sample
Lesson Page - Photo and Video Sample
Lesson Page - Dropdown Menu Sample
Lesson Page - Dropdown Menu Sample

Sample of button graphics and icons created for course UI

You may also like

Business Identity
eLearning UI Design
Tutorial - Web Animation
Web Banners
Business Identity
Philips Branded Wallpaper
Parts Library - Web Reference Tool
↑Back to Top