Roelworks

Portfolio Muhammad 'Roel' Islam

Tag: UI/UX design

[Storyline] Custom Slide Transition

Articulate Storyline 360 has build in slide transitions. But in order to support this beautiful cut out design and making it feel seamless it was necessary to create custom transitions by combining motion paths, object transition and slide transitions to add details to the content graphic design. Client: SKANSKA Graphic Design: Tanzeel Ayub Content development

[Storyline] e-learning template Designs

As a content developer at Cursim, my main task is to bring whatever design provided by the Art Director/Graphic Designer into a working e-learning module in Articulate Storyline (2/360 or 3). The graphic designer usually will provide 3-4 slides examples as a base for reference and then the content will have to develop the same

[ELHChallenge] Comic Book Template

For E-learning challenge #204, the articulate community has challenged us to make  a Comic Book Theme Template. This mini template pack consists seven slides which are: Welcome slide Menu Text and Image Process Tab Interaction Pick one interaction Usually template packs consist of more than those slides. Full size of the template pack can be seen

[Storyline] Menu Animation 1

An attempt to mimic the split/path menu found in Pinterest   Done in layers, this menu can be hidden inside the master slides. Click here to see the menu in action The slide contains videos source from Articulate 360 media library and Pexel videos. It might take some time to load. Created with Articulate Storyline

[E-learning] Multiple Blank Filling Exercises

Storyline 2 can only put one blank filling exercise per slide through their freeform option. This is a work around so a slide can have more than one blank filling exercise in a slide. This e-learning has been demoed at the Learning Technologies 2017 for Omniplex/Cursim Illustration done in Adobe Illustrator, E-learning done in Articulate

[E-learning] Distribution Centre Vision and Mission template

E-learning template for a distribution centre ‘Got Allz’ to socialise company’s Vision and mission. The e-learning template has options to go different routes depending on position, with an assessment template in the end. View Got Allz template Template created in Articulate Storyline 2.0 – images done with Adobe Illustrator

[ELHChallenge] Dial interaction in Storyline 360

ELH challenge is a weekly e-learning challenge held by the Articulate Heroes Community Forum to provide ongoing challenges to their members. This is ELH Challenge number 151. Using dial interaction in the newly released Storyline 360. The idea is using an old school TV button the flick to the slides/screen View Dial Interaction

[E-learning] Conducting Ethnographic Research

This E-learning is based on a powerpoint presentation by Imelda Dwi Rosita for University of Bedfordshire. The E-learning module has a custom slider menu and navigation and it includes a small drag and drop assessment in the end. This Module was featured in the ELH challenges # 152 – Type over Photos of the Articulate