Interactivity, whether it’s through hover states, audio or video media, sliding interactions, or even scroll events, help in adding a delightful layer of engagement a user experiences on a website or application. These interactive elements can tell a story or trigger emotional connections can truly create lasting impressions on an individual’s mind. Take a look at how the following websites use subtle as well as bold interactions to truly engage in their audiences.

1. Black Negative (http://www.blacknegative.com)

 

2. Adidas Design Studio (http://www.adidasdesignstudios.com)

 

3. Project Re: Brief by Google (http://www.projectrebrief.com)

 

4. The Interactive UK Energy Consumption Guide (http://www.evoenergy.co.uk/uk-energy-guide)
 

 

5. Beyonce (http://www.beyonce.com)
 

 

6. Reebok (http://www.reebok.com)
 

 

7. Optimo Hats (http://www.optimohats.com)
 

 

8. Piccsy Pitchdeck (http://www.piccsy.com/investors)
 

 

9. Captain Dash (http://captaindash.com)
 

 

10. Orange Sprocket (http://www.orangesprocket.com)
 

 

11. WWF Earth Hour 2012 (http://assets.wwf.org.uk/custom/foodstory)
 

 

12. Onst Creative (http://www.onstcreative.com)
 

 

13. Nike Air Jordan (http://www.nike.com/jumpman23/aj2012)
 

 

14. Tim Roussilhe Portfolio (http://timothee-roussilhe.com)
 

 

15. The Thomas Oliver Band (http://thethomasoliverband.com)
 

Inspired to add interactivity and engagement in your designs? Have a favorite from this list? Let us know in the comments!

Comments
  • http://ricardodiazdesign.com/ Ricardo Diaz

    One of the things that isn’t taught online in all these training websites is the art of telling a story. Which just happens to be one of the things that can make or break a website. Great line up Jessica!

  • Jessica Moon

    Well said Ricardo. Crafting that story is essential to creating a website that goes above and beyond the rest. Thus, part of the process in telling a story on the web is identifying engaging websites that tell stories and figuring out what makes these stories so compelling.

  • Pingback: How to Win Friends and Influence Users through Emotional Design - The Industry()