Storyline 360 Interactive Map

The Process

1. Discovery & Information Mapping

The research phase involved a "curation-first" approach. I analyzed Houston's top-performing landmarks and distilled their "Unique Selling Points" into bite-sized fun facts. I treated the city as a Learning Environment, asking: "What is the minimum amount of information a visitor needs to feel confident and excited about a location?"

2. UI Design & Visual Scaffolding

Using Canva and Storyline’s built-in tools, I designed a clean, distraction-free aesthetic.

• Visual Cues: I incorporated hover states and color changes to provide immediate feedback, signaling to the user that the map is an active, responsive environment.

• Illustration Strategy: I used consistent iconography to represent different categories of attractions, creating a mental "shorthand" for the user.

3. Development: Layer Logic & State Management

Developed entirely in Articulate Storyline 360, the technical build focused on:

• Trigger Management: Creating a seamless loop where users can jump between landmarks without having to refresh or navigate away from the primary map.

• Audio Reinforcement: Added subtle sound effects to confirm interactions, improving the overall "Tactile Feel" of the digital experience.

4. Deployment & Hosting (AWS)

To ensure the project was "Web-Ready" and accessible from any device, I published the output to an AWS (Amazon Web Services) S3 bucket. This allowed for high-speed delivery and a stable URL for global users.