Roelworks

Portfolio Muhammad 'Roel' Islam

Roelworks

Tag: UI/UX design

[Storyline] Parallax Effects with Interactive Sliders

See Full version Parallax scrolling is a motion effect that’s used to simulate depth by animating background images slower than foreground images. The effect can be found in everything from video games to websites to e-learning. This was an old project based on on build by Ross Garner from the E-learning heroes website. Info was

[ELH Challenge] Lightsaber Dial

Joining Challenge #262 from Articulate Heroes although a bit late. Its based on a dial and using layers to show information. This Demo contains audio of the light saber infamous hum. Light saber sound pack by JoshHarrisVFX Text content from Wikipedia. Background and Assets done in Adobe Photoshop and Illustrator Header Illustration done in Clip

[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: Cursim/Omniplex 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

[Storyline] Multiple Blank Filling Exercises

Storyline 2 can only put one blank filling exercise per slide through their free form 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

[E-learning] Distribution Centre Vision and Mission template

E-learning template for a distribution center ‘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. This template was made for my ‘audition’ at Cursim/omniplex Template created in Articulate Storyline 2.0 – images done with Adobe Illustrator. Uses

[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