Blog Post

Discover
1 MIN READ

Rise 360: Interactive Sales Brochure

TrinaRimmer's avatar
TrinaRimmer
Former Staff
3 years ago

Need an elegant digital alternative to a glossy paper sales brochure? Look no further than Rise 360! In this eye-catching example, you can see some creative ways to combine Rise 360 blocks to stunning effect.

Feeling inspired? Click here to send a copy of this project to your Rise 360 dashboard. Don’t have access to Rise 360? Sign up for a free 30-day trial.

Published 3 years ago
Version 1.0
  • Beautiful, Trina! I've never knew I could be so sold on a home using just lorem ipsum. 😄

    After opening each of the floor plans the only navigation option I could see was the Go button, which took me back to the beginning of the brochure/course each time. I tried it on PC and mobile but it was the same.

    I'd still buy a house, natch.
    • TrinaRimmer's avatar
      TrinaRimmer
      Former Staff
      Thanks for your lovely comment and feedback, Jackie! I'm glad I was able to get you into a house—even if the navigation wasn't as clear as I'd hoped.

      I took your advice to heart and updated the button label to make it clearer that I'm sending the user BACK to the main menu. If I was really planning to use this for a sales brochure, I might play around with adding button blocks for the other 2 floorplans to save some clicks. Thanks for sharing some food for thought with me.
      • JackieVanNice's avatar
        JackieVanNice
        Super Hero
        Such an elegantly engineered solution, Trina! You have more than earned your commission on this sale. 🥳
  • Hi Trina. It looks so nice:-)
    How is it possible in Rise to disable/hide the front page with the menu and only show lesson page?

    Kind regards,
    Morten
    • MandyZhang-69cb's avatar
      MandyZhang-69cb
      Community Member
      This is also the question I would want to ask. Looking for a response.
    • TrinaRimmer's avatar
      TrinaRimmer
      Former Staff
      Hi Morten,

      Thanks for the compliment! Yes, in Rise 360 you can hide the sidebar menu navigation under the settings tab. This project is on a web server so I simply grabbed the URL for the first "lesson" in my project (rather than the start page). This is why you don't see the start screen but jump straight into the content. I hope this explanation helps!
      • ChrisRoetzer-64's avatar
        ChrisRoetzer-64
        Community Member
        Trina, can you explain what's the right way to "grab the first lesson URL"? Just pub to web (say to our internal shared drive), then launch the course and move to the 1st lesson, then 'grab' the URL in the browser?
    • DebbieColby's avatar
      DebbieColby
      Community Member
      I found this in the Settings page - you can turn off the lesson sidebar, lesson count and previous/next lesson buttons under Navigation.
  • ITIAcademy's avatar
    ITIAcademy
    Community Member
    Hi Trina, amazing job! clean design and I love it that it looks like a website. How have you disable the initial page and how have you created he menus?
    thank youuuuuuuuuuu
    • TrinaRimmer's avatar
      TrinaRimmer
      Former Staff
      Hi there,

      Thank you for the lovely feedback! I provided a brief explanation for Morten up above which addresses your questions: (https://community.articulate.com/e-learning-examples/rise-360-interactive-sales-brochure?page=1#comment-107668)
  • CyndiNagel1's avatar
    CyndiNagel1
    Community Member
    What a great example. I have never seen one with no title page. Very creative, clean, sleek design.
  • LisaCharette's avatar
    LisaCharette
    Community Member
    I absolutely love this! I need to tear it apart and see how you created those menus. I didn't realize this could be done. I've been using Storyline for that. I'd love to keep it all in Rise.
    • TrinaRimmer's avatar
      TrinaRimmer
      Former Staff
      Hey Lisa. I'm so glad this example is inspiring you with some fresh ideas!

      The custom menus were created with the button stack block (or you can use a single button block). It gives you the option to link to external websites or other lessons in your Rise 360 project!

      Hope this idea for using button blocks gives you something fun to play around with next time you have a few minutes to spare!
  • ChrisORourke's avatar
    ChrisORourke
    Community Member
    Hi Trina, How did you make this look like a website over a course? I’d love to do something this for an LMS. Does it need to be hosted on the cloud?
    • TrinaRimmer's avatar
      TrinaRimmer
      Former Staff
      Hi Ben. For this project, I did a few things: I hid the sidebar menu (located in the Settings tab under Navigation) and I used the button stack block (in the interactive blocks) to create my own "custom" navigation experience. I also grabbed the URL for my project which pointed to the first lesson rather than the start screen.

      In terms of hosting this on an LMS, you could certainly publish something like this for your LMS, but I can't say how people will experience this from your LMS. Some LMS's may not allow you to share a direct link to a lesson as I've done here. My example is hosted on a web server since I do not need tracking.

      Hope this helps!
  • Trina, this is beautiful! How did you get your images so crisp, especially around the text in the carousel? I've been trying to do something similar and the white text on a dark background keeps getting blurry. I've tried saving as high resolution, adding NOPROCESS to the end, tried quite a few settings in Photoshop and can't get them crisp. What's your secret? (And thank you for this. It truly is stunning.)
    • TrinaRimmer's avatar
      TrinaRimmer
      Former Staff
      Hi Hazel. Thanks for the kind words! I created most of the custom images with text in Google Slides and then saved the slides as SVG files. Because SVGs always maintain their resolution, they keep the text looking nice and crisp. The first image in the carousel ("... Experience the ultimate...") was accidentally inserted as a PNG but the other two are SVGs if you want to compare.

      I hope this is the hot tip you were looking for!
  • MegArcher's avatar
    MegArcher
    Community Member
    This is beautiful work! I use Articulate in a "non-traditional" way (I work in communications, not training), so I'm always on the lookout for how else it can be used. This was a really cool example, and showcases a really creative way to use the different functions. Thanks so much for sharing it! My only issue with it is now I really want to live in that community that doesn't exist... :)
    • TrinaRimmer's avatar
      TrinaRimmer
      Former Staff
      Thank you for chiming in, Meg! And yes, I'm with you. Sign me up for that community retreat/spa thingy anytime. ;-)