November 18, 2024
99 Announcement Bar Examples for Websites
Here are 99 examples of brands using announcement bars on their websites. Examples include D2C and B2B brands.
Able Carry
Previously, they had a banner stating, "Subscribe to Thirteen Daybag Restock." This is probably done to create hype for their product by getting people to subscribe to receive updates when that product gets restocked.
This is great because this gives an impression that the product is in high demand and people are even subscribing or getting on a waitlist to buy this product when it comes back in stock!
But now they have updated it to "Flat Rate Shipping to USA - Tax and Duties Included" on the top of all pages. It leads to their updated Shipping page. It was important for the user to be informed due to the recent chaos surrounding customs duties. This solves the confusion the buyers have and ensures transparency.
Adidas
Adidas has a simple announcement bar with the current promotions, shipping info, and also ADICLUB promotions.
They tend to test out different variations here, currently, it's promoting the Adiclub, its benefits and free returns option.
Acer
They do not always have an announcement bar normally, it's mainly used to notify users about promotions, or coupon codes.
A gradient is used to differentiate that section from others, so more attention is diverted towards it.
American Eagle
American Eagle has a rather simple banner in the same colour matching the website UI.
It's also interesting to see three slides within the announcement bar and separate links for different categories. Have not seen something this complex before, but it does convey more information to the users.
Most people including me consider Apple as the hallmark in design for almost everything they do. The same is seen here as well, a very neat and simple bar with just 1 proper CTA.
They usually include the most attractive offer of the time there, and visitors can just check it out - simply brilliant.
Apple
Most people including me consider Apple as the hallmark in design for almost everything they do. The same is seen here as well, a very neat and simple bar with just 1 proper CTA.
They usually include the most attractive offer of the time there, and visitors can just check it out - simply brilliant.
Asics
The announcement bar on Asics.com is quite prominent and informative. It also changes from time to time notifying users of the latest offers. The animation also makes it more catchy!
Athleta
They also try to make the banner match the colours on the websites.
On the new version, they have two bars - one to show various brands under them and details about free shipping.
Then another one below shows the promotions running on that specific website.
Barnes & Noble
Their announcement bar is a simple slider which automatically moves. Covers the various different offers they have or any announcements or notices.
Bed Bath and Beyond
They have a pretty simple and straightforward bar with just one offer and link to know more details about it.
Sometimes for a brand - its simplicity is key!
Benjamin Barker
Amazing copywriting here - there are two well-defined offers for the user.
It makes it easier to choose one and buy without much confusion.
Birkenstock
A normal bar with the offer and link for more details.
Boat Lifestyle
Boat is mainly known for affordable electronic gadgets. They are displaying a code in the bar which the users can claim some offer.
This make the user do an effort which is better for conversions.
Calvin Klein
Multiple available offers of different types of products. Also links to separate sections for men and women.
They have a bar below the page too with a coupon code.
Casetify
Another amazing use case - to notify of the new cases for the newly launched products so users know its available now!
Charles & Keith
They are promoting their membership with the announcement bar, they cannot cut on the price a lot due to their premium position.
Chewy
It's a really famous brand for pet products. They have a simple announcement bar with a crazy offer to get the first order.
They are offering a 20$ gift card on purchase of 49$+ which incentivizes the user to get his first order soon, and if he likes the product, then come back for more.
Chloe
A simple link promoting a new collection or series, for premium brands its more of exclusivity and new trends rather than pushing with offers/promotions to drive sales.
Christian Louboutin
An interesting example is red which signifies urgency, and the copy is BREAKING NEWS as if it's news.
Its actually great for driving attention to that offer/notice.
Cisco
Cisco creatively used this to promote their offers or even webinars at times.
The goal is to notify users of any latest updates or drive traffic to their desired page.
Coach
A gradient is used to differentiate from the other components.
Used to notify visitors for promotions/offers.
ColourPop
Simple bar for promoting free shipping on orders above $60.
Makes it definite and easier for users to purchase accordingly.