by

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

  • 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()

  • Pingback: New Gaming Partnership: Betway @ Bars & Pubs!()

  • Great collection, Jessica. With millions of websites out there, making an impression or
    being remembered is a HUGE achievement. This can be achieved only by creating an “experience” for the visitor. Design has to actively communicate the message, emotion or story. Failing to do that means the eventual slow demise of the site.