10 Common Mistakes in Invoicing

E-learning Development Portfolio

Activity Concept

While designing a course for foreign entrepreneurs operating in Poland, I faced the challenge of presenting a large amount of information without overwhelming learners.

I came up with the idea of creating a game where players navigate a maze of office corridors and rooms, collecting key details from clerks along the way.

The game was developed in Articulate Storyline.

Development Process

Creating the game involved solving several challenges:

Player Movement:

Players needed to move using keyboard arrows. I achieved this by using triggers to activate short motion paths when an arrow key was pressed. The length of the motion path controlled movement speed, and holding a key triggered multiple movements for smooth navigation.

Collision Detection:

The sprite couldn’t walk through office walls, points section or the cars outside the building. To prevent this, I placed invisible lines about 10 pixels away from visible walls. These lines were grouped by direction (up, down, left, right), and conditions were added to navigation triggers. When the sprite intersected with a specific group, movement in that direction was disabled.

Directional States:

The sprite had to change its appearance based on movement direction. This was solved by changing the sprite’s state whenever a keyboard key was pressed.

Clerk Animation:

Each clerk needed to flash until visited. I added a shape beneath each clerk and applied two looped emphasis animations: grow and shrink. This added the subtle flashing effect.

Pop-Up Interaction:

When the sprite reached a clerk, a pop-up appeared. This was triggered by the sprite intersecting with the clerk.

Scoring System:

Visiting a clerk awarded one point. Opening a pop-up increased the “Points” variable by 1, but only if the clerk hadn’t been visited before (controlled by another variable). Closing the pop-up revealed the point with a pulse animation for emphasis.

DETAILS

💻Type: Storyline simulation

🧔Client: External business partner

🗓️Date: November 2025

TOOLS

📍Articulate Storyline

📍Adobe Illustrator

📍Customized stock vector images

SKILLS

🎯Instructional design

🎯eLearning development

🎯Graphic design

View the Project

VIEW THE READY PROJECT

BACK

NEXT PROJECT >

Page updated

Google Sites

Report abuse