Creating a website "Virtual Tour"
May 23, 2012
Hello all!
My department manages a "Customer Service Portal" for our clients that has just received a huge make over. I would like to create a "virtual tour" that will visit different parts of the site and highlight their new features. But I want to make it look more of like a "showroom floor type of virtual tour" where the user can click on a particular part of the site and visit that particular area. So my question is, can Storyline create that same kind of look? I have tried a bit with Captivate but haven't been quite successful.
Thanks!
Molly
20 Replies
Not sure what your definition of a "showroom floor type of virtual tour" is. If it means loading up an image of the website & having clickable areas that take them to a slide where you highlight features of that section, this is pretty easy to create in Storyline. You'd simply insert a photo of the website and use Hotspots to mark the areas that you want the learners to be able to "Explore". When they click on each Hotspot, create a trigger that either takes them to a layer on the slide with that information on it or to another slide with the information. You could even lightbox the info for each area.
Hope I understood what you were asking for.
If you're wanting it to be more animated, you could do screen records of each section and when they click on that hotspot, it launches a layer that contains the screen recording illustrating the features of that portion of the website. Just another option.
You could use this approach with images and Markers, and insert video into the markers.
Bruce
Some people, like Bruce have built entire web sites using Storyline so you should be able to do what you want in storyline. If you post an image of the site or a link to the portal here, people might be able to give you some good concrete ideas as to how to get the best results.
Hi Molly! To Jamie's point, using a screen recording or simulation might be kind of fun. Here's a quick example that took only a few minutes to make in Storyline. It just takes the learner through 5 clicks to show them how to navigate to a specific place.
Thanks Jeanette! What a great idea!
Nice job Jeannette.... professional VoiceOver too!
Hi Jeanette,
Looks great... one question... how do you do the 'zoom in' effect that I saw in that demo?
Regards
Thomas
Hi Thimas,
That is the "Insert Zoom Region" function, as shown below.
Bruce
Hi Thomas! That's done with the Zoom Region tool. Here's a bit more about how to apply a zoom region. It's really easy. You can size and position it anywhere on your slide, and then use the timeline to control when the view zooms in and back out.
Hi Jeanette,
as it comes to the zoom region tool now, I wonder whether you can determine how big the zoomed picture is in the end?
As we have the navigation directly on the slides, the finished zoom shouldn't be of the same size as the slide.
Regards
Johanna
Hi Johanna,
The "zoom" dimensions and stage are set to be the same, no matter what the size of the area you choose to zoom in to.
It is not like having a "magnify" function.
Bruce
Hi Bruce,
thanks
Hi Jeanette,
I love the interactivity you built in your example. I'm looking to create a combination "show me" and "now you try it" website demo. Can you share the source file for your example?
Thanks!
Kate
Hi Kate!
I'm not sure that Jeanette hops back in the forums very often and this thread is old :)
You are welcome to take a look at our tutorials here for what you are asking though.
Thanks for the reply, Leslie. I've seen the tutorials and have used the Storyline screen capture tools, but was looking to see if the source file for that particular example was still around. No worries if not. I'm thinking it's all pretty straightforward. Thanks again for the reply!
Kate
No problem Kate :)
Jeannette
Just learning storyline this week, I really like this example. Would you be willing to post the project (or similar)someplace so I can see how the parts are assembled?
Throwing it back 5 years on us Steven :)
Welcome to E-Learning Heroes!
I'm not sure that Jeanette would still have that sample from 5 years ago, and our website looks MUCH different today as well.
I assume you are curious about how the navigation was set up for that course and it looks like hotspots were utilized. Check out this tutorial.
If there is something else that jumps out at you that you have a question about, just let me know. If you have a sample started - feel free to post that as well.
This discussion is closed. You can start a new discussion or contact Articulate Support.