Roelworks

Portfolio Muhammad 'Roel' Islam

[E-learning] Cranfield University Online learning look redesign

Articulate Storyline
e-learning
Graphic Design
UI/UX Design
Web Design

These Online learning moduler were run and administered by The Operation Excellence Institute. The module is build on Powerpoint and converted to online learning modules using a very early Articulate Studio. The new module should have the new look and feel of the university’s new branding , although still done in PowerPoint with Articulate Studio 13 to add audio narrations.

Modules were published through Articulate Studio and uploaded into Blackboard

Tools used: Adobe Illustrator, Adobe Photsohop, CC Search stock images, PowerPount, Articulate Studio and Audacity

[image-comparator left=”http://roelworks.com/wp-content/uploads/2017/03/1-1-1a.jpg” right=”http://roelworks.com/wp-content/uploads/2017/03/1-1-1a-Introduction-to-Dynamics.jpg” width=”100%” left_alt=”Introduction to Dynamics – old” right_alt=”Introduction to Dynamics – new” classes=”hover”][/image-comparator]

[image-comparator title=”Course Title Page” left=”http://roelworks.com/wp-content/uploads/2017/03/1-Design4-Welcome-Study-Unit-March-2015-BAECIT-DAVID-PCs-conflicted-copy-2015-06-21.jpg” right=”http://roelworks.com/wp-content/uploads/2017/03/5.7.1a-The-Challenge-of-supportability.jpg” width=”100%” left_alt=”Design For – old” right_alt=”Design For – New” classes=”hover”][/image-comparator]

[image-comparator title=”Course Title Page – System Engineering” left=”http://roelworks.com/wp-content/uploads/2017/03/3.1.1a.jpg” right=”http://roelworks.com/wp-content/uploads/2017/03/3.1.1a-Systems-Engineering-20160628.jpg” width=”100%” left_alt=”System Engineering – old” right_alt=”System Engineering – New” classes=”hover”][/image-comparator]

[image-comparator title=”Custom Illustration for modules” left=”http://roelworks.com/wp-content/uploads/2017/03/2-part-3-Design4-Overview-Study-Unit-June-2015-BAECIT.jpg” right=”http://roelworks.com/wp-content/uploads/2017/03/5.1.2c-Overview-part-3.jpg” width=”100%” left_alt=”Simple Life cycle model – old” right_alt=”Simple Life cycle model – new” classes=”hover”][/image-comparator]

[image-comparator title=”Whole Life Cost” left=”http://roelworks.com/wp-content/uploads/2017/03/5-Design4-new-Cost-4-Oct-2013.jpg” right=”http://roelworks.com/wp-content/uploads/2017/03/5.5.1d-Whole-life-costs-.jpg” width=”100%” left_alt=”Whole Life Cost – Before” right_alt=”Whole Life Cost – After” classes=”hover”][/image-comparator]

 

 

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: