Rise 360: Retail Microlearning Example
Community Team
Community Team
Articulate Community Team

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. 

18 Comments
Michael PF Murphy
4 months ago01/03/24 at 4:08 pm (UTC)
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.
Sarah Hodge
4 months ago01/03/24 at 5:26 pm (UTC)
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.
Sarah Hodge
4 months ago01/04/24 at 4:40 pm (UTC)

I'm glad that helped, Michael! As for the exact dimensions, the image in this example is from Content Library 360 and was cropped within the app. See image: https://drive.google.com/file/d/1yOw-_0HrMz-JwXnQjV2PA0egMPniw_-A/view?usp=sharing So, I don’t know the exact dimensions. In Rise 360, there's no aspect ratio rule to follow since the image will display differently depending on the device used. When you preview your course, you can click the device icons at the top to test how it will look on different devices to make sure it looks right. It sounds like you might already be doing that and just not getting the results you’re looking for. You might need to use a different image if that's the case. But just in case, do you mind sharing a link to your project so I can take a lo... Expand

Sarah Hodge
4 months ago01/03/24 at 5:37 pm (UTC)
Ah, yes! This is a newer feature in Rise 360. You can adjust the block design by clicking the Style icon (paint palette). Here's an article about it: https://community.articulate.com/articles/rise-360-enhanced-block-settings#adjust For this project, the accordion block uses an image background. But below the image background, there's a card style option. If you uncheck that box, it will make the accordion transparent over the image. Here's a screenshot of what that looks like: https://drive.google.com/file/d/1-VEGGx6SlGqfCZ_49fCoxi9QSh_VHuDJ/view?usp=sharing Hope that helps!
Sarah Hodge
3 months ago01/19/24 at 1:50 pm (UTC)
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.
Sign In to Comment