Example
Mindfulness
What do you do when your brain hits a wall?
This project explores small, mindful actions to help you reset and reconnect.
I used a soft pastel palette and flat icons to create a simple interaction where each tip gently morphs into view. The visual transitions are built around consistent layout and position changes to simulate a calm, flowing experience—no motion paths, just smooth shifts from one moment to the next.
About Me
Jayashree Ravi
Curious about more e-learning innovations? Connect with me on LinkedIn to share ideas, discuss implementation techniques, or simply chat about instructional design challenges.
8 Replies
Impressive stuff!!! I can see a lot of practical applications for how you've used the feature :) Well done!
Thank you!
Music sets that relaxing mood! Feel like I want a spa moment—now! Lovely example.
Thanks, Cyd!
Gorgeous interaction, Jayashree_Ravi It has a hint of a tabs interaction to it but more elegant. Curious, what font did you use for your heading? I like it.
Thanks so much, David! That means a lot coming from you. I used Bungee for the heading.
Wow, it looks very good!
Thank you!
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.