HeroImage_NandosSlider.jpg

Restaurant Vs At Home customers

Storyline Slider Interaction - Nandos (2020)

Icon_NoColour_MagnifyGlass.png

Project background

I updated this interaction for the eLearning Heroes challenge #335: Showing Before and After Comparisons in E-Learning. For inspiration I used content from a module I built a few years earlier.


During the Covid pandemic a lot of restaurants stared adding delivery as an option to help stay afloat. Nando’s was one of these restaurants and to help upskill their staff they created an online course for people to understand the difference between at home and eat in customers.


As part of this project I came up with the idea of an interaction of a slider to show employees the similarities and differences of what to expect.

Icon_Target.png

Key goals of the project

CookieBlob_LYellow.png

The key goals of the project were to:

  • stay on brand

  • create a slider interaction to demonstrate the difference between environments

Icon_NoColour_Coffee2.png

My role

  • I developed and designed graphics in illustrator.

  • Using Articulate Storylines slider and states, I created this short interaction which was then used in the overall Rise course.

Icon_DifferentMedia.png

Type

Articulate Storyline 360 Slider interaction 

Icon_Toolbox.png

Tools

  • Adobe Illustrator

  • Articulate Storyline 360

Icon_NoColour_Development.png

Skills

  • Graphic Design

  • Use of layers, sliders, states and triggers

Test out the interaction for yourself

Click to use the interaction!

VideoBackground_NandosSlider.png

Design and development