Skip to content
close
  • Inside Blue WhaleBlue Whale Media
    • About Us
    • AwardsAwards
    • Testimonials
    • TrainingTraining
    • EventsEvents
    • CharityCharity
    • Vacancies
    • Blog
  • Web ServicesWeb Services
    • Web Design
    • Audit
    • Hosting
    • Ecommerce
    • Development
  • ProductionProduction
    • Video Production
    • Live Shoots
    • Animation
    • Aerial Imagery
    • Photography
    • Social Media
  • MarketingMarketing
    • Marketing
    • SEO
    • Pay Per Click
    • Social Media
    • Email Marketing
  • ContentContent
    • Website Content
    • Blogging
    • Press Release
    • Product Descriptions
  • PortfoliosPortfolios
    • Website
    • Content
    • Branding
    • Marketing
  • Contact UsContact Us
  • ConsultationConsultation
  • EmailEmail
  • TelephoneTelephone
close
  • Inside Blue WhaleBlue Whale Media
    • About Us
    • AwardsAwards
    • Testimonials
    • TrainingTraining
    • EventsEvents
    • CharityCharity
    • Vacancies
    • Blog
  • Web ServicesWeb Services
    • Web Design
    • Audit
    • Hosting
    • Ecommerce
    • Development
  • ProductionProduction
    • Video Production
    • Live Shoots
    • Animation
    • Aerial Imagery
    • Photography
    • Social Media
  • MarketingMarketing
    • Marketing
    • SEO
    • Pay Per Click
    • Social Media
    • Email Marketing
  • ContentContent
    • Website Content
    • Blogging
    • Press Release
    • Product Descriptions
  • PortfoliosPortfolios
    • Website
    • Content
    • Branding
    • Marketing
  • Contact UsContact Us
  • ConsultationConsultation
  • EmailEmail
  • TelephoneTelephone
Call us Email us
Blue Whale Media Logo
  • Inside Blue WhaleBlue Whale Media
    • About Us
    • AwardsAwards
    • Testimonials
    • TrainingTraining
    • EventsEvents
    • CharityCharity
    • Vacancies
    • Blog
  • Web ServicesWeb Services
    • Web Design
    • Audit
    • Hosting
    • Ecommerce
    • Development
  • ProductionProduction
    • Video Production
    • Live Shoots
    • Animation
    • Aerial Imagery
    • Photography
    • Social Media
  • MarketingMarketing
    • Marketing
    • SEO
    • Pay Per Click
    • Social Media
    • Email Marketing
  • ContentContent
    • Website Content
    • Blogging
    • Press Release
    • Product Descriptions
  • PortfoliosPortfolios
    • Website
    • Content
    • Branding
    • Marketing
  • Contact UsContact Us
  • ConsultationConsultation
  • EmailEmail
  • TelephoneTelephone
Menu
Blue Whale Media Ltd
  • Inside Blue WhaleBlue Whale Media
    • About Us
    • AwardsAwards
    • Testimonials
    • TrainingTraining
    • EventsEvents
    • CharityCharity
    • Vacancies
    • Blog
  • Web ServicesWeb Services
    • Web Design
    • Audit
    • Hosting
    • Ecommerce
    • Development
  • ProductionProduction
    • Video Production
    • Live Shoots
    • Animation
    • Aerial Imagery
    • Photography
    • Social Media
  • MarketingMarketing
    • Marketing
    • SEO
    • Pay Per Click
    • Social Media
    • Email Marketing
  • ContentContent
    • Website Content
    • Blogging
    • Press Release
    • Product Descriptions
  • PortfoliosPortfolios
    • Website
    • Content
    • Branding
    • Marketing
  • Contact UsContact Us
  • ConsultationConsultation
  • EmailEmail
  • TelephoneTelephone
Close Menu
Blue Whale Media Web Design Animation

Using Animations on Websites

One of the more annoying things when it comes to websites is when a website overuses animations. The more the better doesn’t really work with animations, the last thing you want is a negative usability feeling from your users. In this blog, we will get deep into using animations and when it is the best time to use them.

Introduction

You tend to see animations everywhere on the web. Back in the day, Adobe Flash would be used for animations, it wasn’t unordinary to see Flash on pretty much every element of a website.

To your glee, those days are long gone. Presently, animations become part of the overall design rather than being the main feature – subtle work. Transitions are a common animation, sliders and gallery sliders. Other animations are subtler such as buttons that change colour when you hover, or elements that grow when you hover.

There are lots of different ways you can include animations on your websites, we are going to pick some of the more exciting ones and explain why they are good.

Micro-interaction

Micro-interactions are where you take simple interactions with single-use cases. For example, you can have two buttons/links, when one is highlighted a paragraph shows then when the other is hovered over a different paragraph will show. These animations are simple and do not take the spotlight away from other elements on the page.

Also, they can intrigue your users to read on throughout your website. Catching your customers eye is the main attribute on making sales/getting calls through your website.

Displaying Hidden Info Using Hover

Hover animations are fantastic when you want to maximise the information without using too much space. For example, you may have a row of images, now images alone may not give the user much information. By adding a hover effect you can expand on the image with text without using too much of the space around your website.

Sliding Banners

Out of all the animations you can use on your website, sliders are the most common and the most effective (personal preference). They can alert your users of offers, show off your team/work and even play host to a range of interactive elements for your users to engage in.

Animations on your slider can help keep people on your website, one of the leading WordPress plugins Slider Revolution offers up a range of animations to make your slider stand out from the rest. From text flying in to slide animations, you can take it away from a boring transition and create a masterpiece.

Conclusion

To conclude, too much of a good thing can backfire. And when it comes to website animations they are no exception. You want to allow your users to understand your website, if you have animations flying in from all ends of the earth you will confuse them.

If you are interested in having a website with animations then don’t hesitate to contact us here at Blue Whale Media and we will fulfil your requests.

Please select a valid form.
Call us

Call

01925 205 035
Email us

Email

[email protected]
Book a Zoom consultation

Zoom

Book a consultation today.

Client Support

Locations

Policies

Careers

Company Reg: 15890531

GDPR Data Protection Act: A8639602

By continuing to browse our site, you agree to the use of our cookies.
OK
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT