Experiment: A 360-Degree Interactive Learning City in Storyline

What question did we test?

We tested whether a 360-degree hub in Articulate Storyline could replace a standard course menu with something learners explore, like Google Street View for training. The question was practical: can a normal Storyline developer build a navigable 360 learning city, with hotspots and short lessons, that stays easy to use and maintain?

Most courses still move learners through slides in order. That works for many topics, but it does not feel like stepping into a real place. 360 images promise a sense of space and choice. They also bring risks: disorientation, a messy build, and content that is fun to click but teaches little.

How was the experiment set up?

We built the learning city entirely in Articulate Storyline using 360-degree equirectangular images of locations like lobbies, rooftops, and streets. Each location linked to others through directional markers, and hotspots opened short microlearning moments on layers. Simple progress tracking showed what learners had visited. Tested in September 2025.

What did we build?

We built a clickable 360-degree learning city: a hub where learners look around, choose where to go, and open short lessons at each stop. Directional arrows move learners between locations, tooltips explain what each hotspot does, and microlearning moments sit on layers, so content appears in context without leaving the scene.

6:45

The build followed five stages, all shown in the video:

1. Prepare 360 assets. Organize and label equirectangular images so navigation stays clear.
2. Set the initial view. Make sure learners face the right direction every time they enter a location.
3. Build the hub. Insert, edit, and save 360 images inside Storyline.
4. Add hotspots, markers, and tooltips. Directional arrows, simple instructions, and interactive prompts.
5. Organize slides and scenes. Name every slide and separate content into scenes to keep the project manageable.

What happened when we built it?

The learning city worked, and it became one of our most viewed tutorials, with over 1,600 views. The biggest lessons were about structure, not effects: clear file labels, a fixed starting view, and disciplined scene naming made the difference between an explorable space and a confusing one. Exploration felt natural once navigation was clear.

What worked

• Storyline’s built-in 360 features were enough. No plugins or custom code were needed [VERIFY: confirm no JavaScript was used].
• Setting the initial view prevented the most common source of confusion.
• Layered microlearning kept lessons short and in context.
• Progress tracking gave learners a reason to keep exploring.

What needed care

• Without consistent naming, the slide count grows fast and becomes hard to maintain.
• Too many hotspots in one view feel like a game with no goal.
• The scenes teach only if each hotspot connects to a real task or decision.
• We did not compare learner outcomes against a standard menu-based course [VERIFY: any learner results].

We later applied the same 360 approach to a real client. For New Cold, a frozen warehouse logistics company whose facilities run at sub-23-degree temperatures, we combined live-action video, 360 facility tours, and scenarios in a Level 3 Storyline course for onboarding.

Should you build a 360 interactive Storyline course? The verdict

A 360 interactive Storyline course is worth building when the physical space is part of the learning, such as a facility, site, or workplace with hazards. Avoid it when the topic is abstract and the 360 scene would only decorate a menu. Plan navigation and naming first, and tie every hotspot to a task.

How can you build a 360 learning hub yourself?

Start with three or four connected locations, not a whole city. Gather and label your equirectangular images, set the initial view for each, connect them with directional markers, and add a small number of hotspots tied to real tasks. Test with learners who have never seen the space.

1. Map the locations and how learners move between them.
2. Collect equirectangular images and label them clearly (lobby, rooftop, street).
3. Insert the images in Storyline and set the initial view for each.
4. Add directional markers to link locations, plus a way back to the hub.
5. Add hotspots with tooltips that open short layered lessons.
6. Name slides and scenes consistently as you go.
7. Add simple progress tracking and test with new users.

For more Storyline builds, browse our Articulate Storyline examples, and see how 360 fits within Storyline levels of interactivity. For space-heavy onboarding, our employee onboarding microlearning examples show related approaches.

What’s next for this experiment?

The next question is whether AI-generated 360 images can replace photography for environments that are hard to capture, like hospitals. We are testing that now in our AI-generated 360 escape room for clinicians, which turns a 360 environment into a set of problems learners solve to escape.

Results will be published in the Lab when the experiment is complete.