Florida's Hidden Gem
Updates coming soon!
I created this project spontaneously and still need to make a few revisions. The prototype is still fully functional, so ENJOY!
Project Overview
Inspired by the release of the new 360 feature in Articulate, I created a panoramic destination experience using a 360° image. The goal of this project was simple: I wanted to learn to utilize a new feature in Articulate 360 and challenge myself.
Design Process
The first step in creating a panoramic experience in Articulate Storyline is finding a good 360° image. I knew I wanted this project to have a destination or vacation theme and I found an image I liked with a large lighthouse on the beach using PixelID. After a few google searches, I was able to find out the name of the lighthouse and it's location: Bill-Baggs Lighthouse in Key Biscayne, Florida. Next, I did research to find out more about Key Biscayne and any local attractions. Then, I identified the points within the image that I wanted to draw attention to. Finally, I created an outline and filled it with interesting facts from my research.
Development Process
Developing this experience was actually pretty simple if you know your way around Articulate.
I added markers, updated the hotspot design to match the project's color scheme, and added in a progress indicator so the user knew how many hotspots were available within the image.
I also added variables to ensure the user would engage with each hotspot before exiting*. You can check to see how I did this with the image on the right. Lastly, I changed the introductory image to a video and added in some tropical music to add more appeal.
*Note: This feature wasn't necessary for this project but it would be helpful if creating a escape room or an assessment using a 360° image and you required the learner to check a number of items before completing the course.