Blog Post

Discover
1 MIN READ

Rise 360: Retail Microlearning Example

CommunityTeam's avatar
CommunityTeam
Staff
12 months ago

If you work in the retail industry and need some online course inspiration, look no further! This microlearning course is full of ideas for how to create e-learning your employees can take on their mobile devices—without leaving the showroom floor.

Explore this example.

Like this example? Click here to send an editable copy of this project to your Rise 360 dashboard. If you don’t have access to Rise 360, sign up for a free 30-day trial of Articulate 360. And subscribe to our newsletter to stay up-to-date on the latest e-learning examples.

And if you’re struggling to train some learner groups with your LMS—like contractors, partners, franchises, or deskless workers—then try Reach 360, a premium add-on to Articulate 360 that lets you quickly distribute e-learning to more learners. 

Published 12 months ago
Version 1.0
Articulate 360
Example
  • AntoineDepar631's avatar
    AntoineDepar631
    Community Member
    11 months ago
    This is great Allison, thanks ! I don't work in the retail industry but I can see how it could be spread to other use cases 😄
  • RaevenFowler's avatar
    RaevenFowler
    Community Member
    11 months ago
    This is GORGEOUS! I love seeing how to apply DIY, out of the box aspects to Rise training!
    • AllisonLaMotte's avatar
      AllisonLaMotte
      Staff
      11 months ago
      I'm glad you like it, Sudhendu :) I'll see if we can put together a tutorial in the future!
  • MichaelMurphy-9's avatar
    MichaelMurphy-9
    Community Member
    9 months ago
    Sorry, Allison. I should have left more detail in my question.

    Yeah, I was curious how you made page 2 look and feel so seamless. When on Page 2, there's no extra scroll down or up, everything sits nicely on the one page.

    On the backend, I'm guessing it's a List block in between two full width images.

    I tried creating a version myself but couldn't get that second image scaled correctly. I suppose I'm wondering what you did to get those images and that page overall to sit nicely together.
    • SarahHodge's avatar
      SarahHodge
      Former Staff
      9 months ago
      Great question, Michael! The bottom part of Step 2 is a Checkbox list with a background image behind it. Here's a screenshot: https://drive.google.com/file/d/1r6ZBIGp109R5My7p9uzuIzD4vS_Z8scV/view?usp=sharing

      The image is cropped at the top of the shirt so the content sits right next to it. Only one image was used. I think the trick with this one is that the image itself had a lot of white space on the left which allowed the content to display nicely.
      • MichaelMurphy-9's avatar
        MichaelMurphy-9
        Community Member
        9 months ago
        Thank you for the replies, Sarah - super helpful!

        I suppose knowing the exact dimensions of the images would be the secret sauce! I've almost copied this example, testing different dimensions to get the same feel.

        Appreciate the reply!
  • KaraBlackburn-8's avatar
    KaraBlackburn-8
    Community Member
    8 months ago
    Hi Sarah!
    Did you create any custom images for this course? If so, what program did you use to build them?
    • SarahHodge's avatar
      SarahHodge
      Former Staff
      8 months ago
      Hi Kara! 👋 All of the images in this course are from Content Library 360. I actually used Storyline 360 to insert the images from Content Library 360 so I could easily save them on my computer to edit in another app. I used Photoshop to remove the backgrounds for some images and then I used PowerPoint to add design elements, like the gold border or to make that first course title image.