Booking a room
Articulate Storyline | Adobe Photoshop
This interactive was created in Articulate Storyline as a personal project. It was originally part of a larger course and repurposed for a small demo.
Thought Process
This interactive demo showcases my skills as a Storyline developer. It was inspired by a Dribbble shot displaying an icon in various sizes. In this demo, users can select the number of rooms by dragging the slider, and the illustration changes instantly.
Design and Development
The design was completed quickly.
An illustration was downloaded from Freepik and customized to expedite the final
development process.
To create the interaction, a slider is linked to a trigger that adjusts the number of rooms displayed.
As this number changes, several triggers are activated to switch the state of the room images
from “Hidden” to “Normal.” Additionally, a few triggers play a sound to indicate the
change in the number of rooms.
