Storyline: What's Their Role

Great work! This is awesome!

Wonderful! Inspiring Idea, Thanks for sharing.

That's great, really inspiring! I'd just wished the dog had in ID too ;-)

Wonderful.

I love this!

Can we get a download....please?

Super cool!

Really clever! Thanks for sharing :)

this so good...can we get this template @Joanna Kurpiewska

absolutely LOVE this creativity! This would be great for getting to know the team and new hires. How was the rotation created?

Joanna, This looks superb. I love how you took care of the design. The navigation is so clear. It would be great if you can share more about how you created this :)

Your creativity is a constant inspiration.

This is awesome! I'm working on an org chart project right now, and something like this would be perfect!

Thanks everyone for your amazing feedback - I’m super happy you like the dial to reveal interaction. I’m sorry - I can’t share the source file but of course I can write a quick step-by-step instruction. The basic idea is that the large image (the table and people around) is a dial as Storyline allows to convert any image to dial. - Make sure the image which you convert into dial is a square and its center point matches the center of a table - Set the dial rotation to 360 degrees to get 1 full spin - The end value for dial depends on: A) how many people/actions you’d like to trigger the info for, B) how smooth the spin should be (the bigger the number the more smooth the turn is) - Add layers with the info you’d like to display for every person by the table - Add triggers on the base layer to show ID card layer depending on the value of the dial - Add triggers on the ID card layer to show specific person layer depending on the value of the dial - On a specific person layer add a trigger to hide the layer when the user clicks close button - Make sure all the layers are hidden before going back to dial on the base layer. That’s a rough tutorial on this interaction – I hope it helps if you#d like to recreate it.

love this!!!

Beautiful design. This really romances the eye. So clean and inviting.

This is fun and the small details are neat! Well done, Joanna!

I agree with the comments above: this is a really great interaction. My only feedback for improvement is that it shows zero ethnic diversity. Representation matters!

Joanna, I just saw your work featured and have to ask, how did you achieve the horizontal scrolling on the ID cards. Did you use motion paths within a scrolling section?

Joanna, could you please share source file for the same. It's very amazing.

Hello, how do you find graphics like the ones used in this example?

Hi Joanna! Lovely interaction! Do you know if the dial interaction meets accessibility requirements such as navigating via tab order?