Rise 360: Airline Innovation 101

This is a great Rise360 example that I love.
So, I had a play and found it was way easier than I thought.
Here are my tips.
Open PowerPoint (for us that do not have an Illustrator program).
I created a solid colour filled a shape (with a straight/flat bottom) in PowerPoint. then added some graphics on top of the shape.
I selected the entire graphic and then clicked Save as a Picture.
In Rise 360 - I used an Image Full Width block and import my newly created picture.
I then added the next block, Text/Statement (what-ever you want).
I changed the background colour to the solid fill colour of the picture.
I reduced the padding between the 2 blocks to 0 (Image block, Bottom padding 0 and Text block, Top padding 0).
The Edit screen will show a white gap between but when you click Preview the gap is gone and the magic happens.
Note: I would add the screen shots or file but unable to.
I hope that helps anyone wanting to get more creative in their programs.

Super cool! I loved it! Is there anyway we can get more of a walkthrough on how to do this?

A group of us at work take modules like this and reverse engineer them to see what we can learn, borrow and gain inspiration from. A few takeaways we had include:
– Be sure to turn off the block animations so that your image and blocks load at the same time
– There is a size limit to how small the image can be and remain sharp. Interestingly, it has to be about 150 pixels high and no smaller, or it blurs. So adjusting the padding for each block will be necessary to keep things balanced.
– You can create the curved images in just about any tool that exports as a .png. So yes to PPT and Keynote. If you right-click on the curved image in the example, you can open the image in a new tab and download it for easy tracing. We changed the design and used it on the tops and bottoms of blocks, with two-tone colors and curves to keep it interesting.

Sidenote: It would be cool if, with posts like this, we could do a quick little shareout to talk about it in this community. If you are interested in a grassroots version of that, let me know. I love to learn from the community.

it`s possible to have the template?

Mr C is spot on!
I went down the same path he did yesterday in trying to recreate the beautiful flow that SWA created. Though I have Adobe Creative Suite I wanted to see if I could recreate the smoothly curved sections of color like the one after the Herb Kelleher quote near the beginning. In PowerPoint:
- Create a rectangle and an oval
- Lay the oval on top of the rectangle and select both
- Click the Shape Format menu
- Click the Merge Shapes dropdown and select Fragment. PowerPoint will change your shapes to the color of the one on top but you can change that later.
- You now have new shapes that were created by the fragment process. Click and delete the ones you don't need and you should be left with a nice curved shape.
- Change the color if you need to and save it as a PNG.

There are sections in the SWA lesson that are a bit trickier and here are my best guesses.
- At the bottom of the section "Southwest as an Innovator" there is a click-to-reveal activity that I think was created in Storyline 360 and imported.
- In the section "What is Human-Centered Design?" there are two activities that involve chairs. I'm certain these were also done in Storyline 360.
- In the section "Making Solutions" the video was created with Doodly.com or something similar. The "timer-larger" source code states that it was made in Storyline 360 but there's more to it that I haven't figured out yet.

Everything else was done with the tools available in Rise. One last thing...last fall this video (https://www.youtube.com/watch?v=5V1eslYfk24) was a topic in E-Learning Heroes. Designer Nicole Ralph shows her process in creating something similar to SWA.

Best Wishes!
Denton
Digital Learning Specialist
Make-A-Wish America

This is a cool approach. Having a template would be helpful.

Fabulous! Is there a way to download it as a template?

This is a storyline interaction using the drag/drop effect. They color-matched the bg of the Storyline interaction to be the same color of bg of the Rise course for a seamless effect.

The cover page image is impressive. What is the source of the image?

Would love to learn more about how you did this! I tried something similar but could not get my image sizes to work.