What banner design covers within web design
Banner design is the part of web design concerned with creating the graphical advertising units that appear on websites, in email, and across mobile apps.
The work belongs to the area where visual communication meets the constraints of online publishing: a designer has to hold a brand message inside a fixed rectangle, load it quickly, and persuade a reader who did not come to the page to see an advertisement.
Because banners live inside someone else's layout, the discipline is closer to packaging design than to free-form illustration. The rules of the host page, the ad server, and the buyer all limit what the finished creative can be.
Static images, animated GIFs and HTML5 packages
The category covers several distinct deliverables. Static image banners remain the most common, supplied as JPG, PNG, or GIF files in the dimensions a publisher accepts. Animated banners add motion, historically through animated GIF frames and now far more often through HTML5 packages built with libraries such as GreenSock or tools like Google Web Designer.
Rich media units can expand, play video, or respond to a cursor, and they carry heavier technical requirements. Email banners, social media cover graphics, and in-app placements make up the rest of the field. A studio that lists itself in a banner design business directory may handle one of these formats or all of them.
A working knowledge of ad delivery separates banner design from general graphic design. Files are not simply emailed to a client. They are trafficked through an ad server, tagged for tracking, and served programmatically to thousands of placements that the designer never sees individually.
The creative therefore has to behave predictably across operating systems, browsers, and screen densities. This page is a banner design web directory, grouping studios, freelancers, and production houses whose output is built for that delivery chain rather than for print.
The vocabulary of the trade reflects this delivery chain. A banner is usually described first by its dimensions in pixels, then by its format, whether static image, animated GIF, or HTML5 package, and then by where it will run, whether on the open programmatic market, on a single publisher's site through a direct deal, or inside a walled garden such as a social network or a search engine's display network.
Each route imposes its own technical specification, and a file that passes one may fail another. A designer who does not know which route a campaign will take cannot reliably prepare assets for it, which is why early conversations between a buyer and a studio tend to be about plumbing as much as about pictures.
Direct response offers versus brand awareness impressions
It also helps to understand what a banner is meant to achieve, because that goal shapes every design decision. Some campaigns are built for direct response, where the single measure of success is whether the reader clicks and then converts. And the creative is stripped down to a clear offer and an obvious call to action.
Others are built for brand awareness, where the banner is one impression in a long sequence meant to make a name familiar over time. And the design leans on consistent colour, logo placement, and tone rather than on a hard sell.
The two briefs produce very different work, and a competent provider will ask which one applies before opening a design tool. Listings in this web directory often note which of the two a studio handles best, so a reader can match the brief to the firm.
Sizing one concept into a dozen formats
Scale is the other defining feature. A single campaign rarely needs one banner. It usually needs a set, often the same idea reworked into a dozen or more standard sizes, sometimes localised into several languages and adapted for different markets.
Designers describe this as a master-and-adaptation workflow: build the concept once at a primary size, then resize and reflow it so the message survives in a tall skyscraper, a wide leaderboard, and a small mobile strip. A provider is judged largely on how well it manages that volume without letting the visual identity drift from one size to the next.
Context on the host page also shapes the work in ways a print designer never has to consider. A banner does not control the colours, type, or imagery around it, so a design that looks crisp in isolation can vanish against a busy publisher template or clash with the article beside it.
Skilled banner designers account for this by giving the unit a clear edge or frame, strong internal contrast, and a focal point that holds up regardless of its surroundings. They also consider position: a leaderboard above the fold behaves differently from a rectangle buried in an article, and the same message may need different emphasis depending on where it lands.
The reader browsing these listings is usually looking for a specific capability. Some need a one-off hero banner for a landing page. Others need an ongoing partner who can produce dynamic creative that updates prices or stock automatically.
The entries collected in this banner design directory are meant to make that match easier by separating firms that build lightweight standards-compliant units from those that mainly produce decorative graphics. Reading the sections that follow gives a sense of the standards any competent provider is expected to meet.
A short history of the web banner and how the craft developed
HotWired's 1994 debut and the AT&T banner
The web banner has a precise birthday. On 27 October 1994 the online magazine HotWired ran the first paid banner advertisements, and the unit most often remembered belonged to AT and T, which read "Have you ever clicked your mouse right HERE?" above the answer "YOU WILL" (The Drum, 2016).
Reported click-through rates for that early placement were extraordinary by any later measure, with figures around 44 per cent often cited, a number explained more by novelty than by craft. Almost nobody had seen a clickable advertisement before, so almost everybody clicked.
Banner blindness and the Rice University study
That novelty did not last. As banners multiplied through the late 1990s, readers learned to recognise and avoid them. Jan Panero Benway and David Lane documented the effect formally in a 1998 study at Rice University, which found that people searching a page for information routinely failed to notice content placed in banner-like positions, even when that content held the exact answer they wanted (Benway and Lane, 1998).
The researchers named the effect banner blindness, and it has shaped the discipline ever since. Designers stopped assuming that mere visibility produced attention and began studying how to earn it.
The early technical history runs in parallel. The animated GIF gave designers a cheap way to add motion, and for years blinking, scrolling, and looping animations defined the look of online advertising. Macromedia Flash, introduced in the late 1990s, allowed far richer interactive units, and for more than a decade Flash banners dominated rich media.
That era ended as mobile browsing rose and Flash proved unsupportable on Apple's mobile devices. The industry migrated to HTML5, which combines markup, CSS, and JavaScript to deliver animation and interactivity without a browser plugin. Most professional banner production today targets HTML5, and the web directory listings on this page reflect that shift toward standards-based creative.
IAB dimensions: the leaderboard, rectangle and skyscraper
Standardisation of sizes followed a similar arc. The Interactive Advertising Bureau, founded in 1996, published recommended ad dimensions so that buyers and sellers could trade inventory without negotiating bespoke formats for every deal. Sizes such as the 728 by 90 leaderboard, the 300 by 250 medium rectangle, and the 160 by 600 skyscraper became a shared vocabulary (IAB Tech Lab, 2017).
A designer could quote a campaign in those terms and a publisher anywhere would understand the order. A business directory that lists banner design companies often organises its entries around exactly this shared vocabulary, because clients search using format names.
From fixed-price impressions to programmatic auctions
The economics of the medium changed alongside its technology. Early banners were sold by the impression on fixed-price deals negotiated by hand, but through the 2000s the market moved toward ad networks and then toward programmatic exchanges, where inventory is auctioned in real time as a page loads. This automation pushed two things to the foreground that mattered enormously for designers.
The first was the rise of standard sizes, because automated buying only works when the units are interchangeable. The second was measurement, because automated systems optimise toward whatever they can count, which meant click-through rate, and later viewability and conversion, began to dictate creative choices. Design stopped being a one-time deliverable and became something tested, scored, and revised.
The arrival of the smartphone reshaped the field again. Mobile screens are smaller, vertical, and touched rather than clicked, so the formats that had grown up on desktop monitors did not translate cleanly.
New units appeared, such as the 320 by 50 mobile banner and the 300 by 250 rectangle reused in app feeds. And the accidental tap became a problem worth designing against, since a click forced by a mistimed finger wastes the advertiser's money and irritates the reader.
Mobile also tightened the pressure on file weight, because a heavy banner that loads slowly over a cellular connection is a banner that is never seen. Much of the modern emphasis on lightness comes directly from the mobile era.
Ad blockers and the push for lighter formats
The most recent chapter concerns restraint. By the 2010s aggressive formats, autoplay video, and heavy file sizes had pushed many users toward ad blockers, threatening the revenue that funds free content. Industry bodies responded with guidance aimed at lighter, less intrusive advertising, a theme covered in the next section.
The craft that began as a single clickable rectangle on one magazine page has become a regulated, measured, performance-driven field, and the firms gathered in this banner design directory work inside those modern constraints rather than the freewheeling conditions of 1994.
Understanding this history matters for anyone hiring a designer. A provider whose portfolio still leans on heavy animation and outdated formats is working against two decades of evidence about how readers actually behave.
The studios worth shortlisting from these listings tend to talk about measurement, viewability, and load weight as readily as they talk about colour and type, because the modern banner is judged on results as much as on appearance.
Technical standards, file weight, and accessibility
Banner design is governed by technical limits that have nothing to do with aesthetics and everything to do with performance. The main reference is the IAB Tech Lab and its New Ad Portfolio, which moved the industry away from rigid pixel-only definitions toward flexible, aspect-ratio-based units that adapt to the screen on which they appear (IAB Tech Lab, 2017).
The same portfolio carries the LEAN principles, an acronym for Lightweight, Encrypted, AdChoices-supported, and Non-invasive advertising. These principles set the modern baseline that competent designers are expected to meet, and they are why a beautiful banner can still be rejected by an ad operations team if it weighs too much.
File weight is the most concrete of these constraints. Under the lightweight guidance, the initial load of a display ad is expected to stay around 150 kilobytes, with an allowance up to roughly 200 kilobytes depending on the partner.
And the number of file requests on that initial load is capped near fifteen so that the host page is not slowed (IAB Tech Lab, 2017). The guidance also suggests limiting an active ad to about 30 per cent CPU load.
For a designer this translates into practical habits: compress images, minimise scripts, avoid render-blocking code, and lazy-load anything heavy after the page itself has settled. A studio that cannot work within these numbers will struggle to place its creative on quality inventory, which is one reason the firms in this banner design web directory are best assessed partly on their technical discipline.
Encryption and transparency are the other LEAN pillars. Serving over HTTPS is now standard, because mixed insecure content is blocked by browsers and penalised by publishers. The AdChoices icon, governed by self-regulatory programmes for interest-based advertising, has to appear on units that use behavioural targeting so that users can understand and control the data behind what they see.
These are not optional flourishes. A banner that ignores them may be refused at the ad server before a single impression is bought, so the designer has to build compliance in from the first artboard.
Inside an HTML5 banner package's file structure
The structure of an HTML5 banner package is itself a technical standard worth understanding. A typical unit is a small bundle: an index file containing the markup, a stylesheet, one or more scripts for animation.
And the image assets, often zipped together for upload to an ad platform. The package must include a single clickthrough variable that the ad server can rewrite, rather than a hard-coded link. So that the same creative can be trafficked to different destinations and tracked correctly.
It also has to degrade gracefully, showing a sensible fallback image where scripts are blocked or animation is unsupported. A designer who hands over a folder of loose files without this structure forces the ad operations team to rebuild the unit, which delays the campaign and erodes trust.
Animation technique inside that package has settled into a few reliable patterns. Lightweight units favour CSS transitions and keyframe animation for simple motion because they run efficiently and avoid heavy libraries, while more elaborate sequencing often uses a dedicated animation library that compresses well and handles timing across browsers consistently.
The discipline lies in keeping the script small and the frame count modest, since each added asset eats into the file-weight budget. A polished three-second animation built from a handful of vector shapes and a single typeface will almost always outperform a heavy montage of photographs, both technically and in how readers respond to it.
WCAG rules on flashing, pausing and contrast
Accessibility is a parallel obligation that banner work has historically handled poorly. The Web Content Accessibility Guidelines, published by the World Wide Web Consortium, set criteria that apply to advertising as much as to the rest of a page.
Success Criterion 2.3.1, Three Flashes or Below Threshold, forbids content that flashes more than three times in any one-second period unless the flash stays below defined thresholds, a rule meant to protect people with photosensitive epilepsy (W3C, 2018). For an animator, that single criterion rules out the fast strobing effects that once filled cheap banners.
A second accessibility rule shapes animation timing directly. Success Criterion 2.2.2, Pause, Stop, Hide, requires that any motion which starts automatically, lasts more than five seconds, and runs alongside other content must offer the user a way to pause, stop, or hide it (W3C, 2018).
In practice the advertising industry adopted a stricter convention well before the formal rule was widely enforced: animated banners should loop no more than three times and then rest on a final static frame, partly for accessibility and partly because endless motion annoys readers. A web directory that lists banner design companies on pages like this one increasingly notes whether a provider builds to these guidelines, because publishers ask.
Colour and legibility complete the technical picture. WCAG sets minimum contrast ratios between text and background, commonly 4.5 to 1 for normal text and 3 to 1 for large text, and although banners are small the same logic protects readers with low vision (W3C, 2018).
A designer working in a 300 by 250 rectangle has very little room, so type must be large, contrast must be strong, and the call to action must read clearly at a glance.
The technical sections of a brief, file weight, format support, encryption, accessibility, and contrast, are where many otherwise attractive designs fail, and a studio that treats them as first-order concerns tends to produce work that actually ships.
Responsive and dynamic delivery add a final layer. Flexible units described by the New Ad Portfolio expect a single creative to reflow across desktop and mobile, while dynamic creative optimisation feeds live data, such as price, location, or stock, into a templated banner so that one design serves thousands of personalised variants.
Both approaches demand clean, structured HTML5 and disciplined asset management. A studio that understands these systems can offer far more than a flat image, and the entries in this banner design web directory are meant to help a buyer find that level of capability rather than a one-format shop.
Choosing a banner design provider and what good work looks like
The reader who reaches this category is usually deciding between options: a freelance designer, a specialist banner production house, a full digital agency, or an in-house team supported by templates. Each suits a different need. A freelancer can be ideal for a single distinctive concept and a small size set.
A production house is built for volume, turning one approved master into dozens of sized adaptations and localised versions quickly and consistently. A full agency adds strategy, media planning, and measurement around the creative.
Knowing which of these you actually need is the first step in reading the listings well, and a curated banner design business directory like this one is most useful when you approach it with that distinction in mind.
Portfolio proof that one idea scales across sizes
Portfolio evidence is the clearest signal of quality. Strong banner work shows a single idea surviving across very different shapes, the leaderboard, the rectangle, the skyscraper, the mobile strip, without the message breaking. It shows restraint in animation, a clear visual hierarchy that places the brand and the call to action where the eye lands first, and type that remains legible at small sizes.
Weak portfolios tend to show one large hero banner with no evidence that the studio can scale a concept or work to format constraints. When you browse a business directory that lists banner design companies, the entries worth shortlisting are those that demonstrate this range rather than a single showpiece.
Technical fluency should be confirmed directly. Ask whether the studio delivers HTML5 packages that meet IAB weight and request limits, whether it builds to the LEAN principles, and how it handles the AdChoices requirement for behavioural campaigns. Ask how it tests across browsers and devices, and whether it can produce dynamic creative if your campaign needs live data.
A provider that answers these questions fluently is working to current standards. One that talks only about visual style may produce files your ad server rejects. The most reliable providers treat delivery specifications as part of the design brief rather than an afterthought.
Process and turnaround matter as much as craft for ongoing work. Display campaigns often run on tight media schedules, with creative needed before a flight date that cannot move. Good providers have a clear intake process, version control so that approvals are not lost, and the capacity to turn round resizes and amendments fast.
They will also be candid about what they cannot do: a small studio that admits it does not build video-in-banner units is more trustworthy than one that promises everything. The listings here are meant to help you find a working partner, so reading any provider's stated specialisms and limits closely repays the effort.
What a client's brief needs to specify
The quality of the brief a client supplies often determines the quality of the result more than the choice of studio does. A useful brief states the campaign objective, names the exact sizes and formats required, supplies brand assets such as logos, fonts, and colour values, sets the file-weight and animation limits the ad platform imposes, and gives the destination URL or the rule by which it will be generated.
It also states the deadline honestly. Designers can absorb most constraints if they know them at the start, but a vague brief produces guesswork, several rounds of revision. And a quote that balloons as the scope shifts. Spending an hour writing a precise brief usually saves several days of back-and-forth later.
Ownership and handover deserve explicit attention in any agreement. A client should establish who holds the rights to the finished creative, whether stock photography or licensed fonts inside a banner carry usage limits that expire, and whether the editable source files will be delivered or only the packaged output.
These details matter because campaigns are reused, resized, and refreshed long after the first delivery. And a client who does not own the working files can be locked into the original supplier for every future tweak. A professional provider will set this out clearly and will not treat a reasonable source-file handover as an unusual request.
Per-banner fees, retainers and master-plus-adaptation pricing
Pricing models vary and should be understood before commissioning. Some designers charge per banner, some per size set, some on a monthly retainer for continuous production. And some on a master-plus-adaptations basis where the first concept costs most and each resize costs little.
None of these is inherently better, but they suit different volumes. Localisation, animation complexity, and dynamic templating all raise cost, so a clear brief produces a clear quote. Using a business and web directory that covers banner design to gather several quotes against the same brief is the simplest way to understand fair market rates.
Finally, judge a provider on measurement literacy. Modern display advertising is bought and optimised on data: viewability, click-through, engagement time, and conversion all feed back into creative decisions.
A studio that asks about your performance goals, and that talks about A/B testing variants rather than delivering a single fixed design, understands that a banner is a tool with a job to do. Providers who think in those terms are the ones worth shortlisting, and a buyer who shares clear objectives at the outset will get far more from any of them.
Trends, regulation, and using this directory well
Two forces are reshaping banner design at once: tighter regulation of the data behind advertising, and a steady industry push toward lighter, less intrusive formats. On the regulatory side, behavioural advertising in much of the world now depends on user consent and clear disclosure. And the creative carries part of that burden through the AdChoices icon and through honest, non-deceptive design.
The Coalition for Better Ads, a group that includes the IAB, the World Federation of Advertisers, and large platforms and brands, maintains the Better Ads Standards, a list of ad experiences that research found consumers reject most strongly, such as pop-ups and autoplay video with sound (Coalition for Better Ads, 2025). Designs that fall below that threshold can be filtered out of mainstream browsers, so the standards act as a practical floor.
The drive toward restraint is grounded in evidence about ad blocking. When advertising becomes heavy and disruptive, users install blockers, and blocked impressions earn nothing for the publishers whose content depends on them.
The LEAN principles and the Better Ads Standards are the industry's coordinated response. And they reward designers who can make a quiet, fast, well-targeted banner do the work that a loud one used to attempt. The studios in this banner design directory that have absorbed this lesson tend to produce creative that publishers are willing to run on premium inventory.
Dynamic creative optimisation and templated banner feeds
Technically, the field continues to consolidate around HTML5 and around dynamic creative optimisation. Live data feeds let a single template serve thousands of personalised variants, which shifts some of the designer's effort from drawing each banner toward building a flexible system that holds together across every variant.
Automation and generative tools now assist with resizing a master into many formats, but the strategic decisions, hierarchy, message, brand discipline, and accessibility, still rest with a human designer. Anyone consulting a web directory that covers banner design should expect modern providers to be comfortable with this template-and-data way of working.
Changes to how browsers handle tracking are reshaping the targeting that creative depends on. Third-party cookies, long the mechanism behind much behavioural targeting, have been restricted or removed by major browsers, and the industry has been moving toward consent-based first-party data and privacy-preserving alternatives. For the designer this is not a distant policy matter.
When fine-grained personal targeting becomes harder, the creative itself has to carry more of the burden of relevance, through clear messaging and through contextual fit with the page on which it appears. A well-made banner that suits its surroundings can outperform a poorly made one that relied on data the platform no longer collects.
Testing has become a routine part of serious banner work. Rather than betting a campaign on a single design, advertisers commonly run several variants in parallel and let the data show which combination of image, headline, and call to action performs best, then concentrate spend on the winner.
This favours studios that can produce coherent variants quickly and that design with measurement in mind, building each version so that a single variable changes at a time.
A provider that treats a banner as something to be tested, rather than a finished artwork to be admired, is working the way the modern display market actually rewards. Business directories that list banner design companies increasingly flag this habit, because buyers ask for it.
Accessibility specs buyers now audit against
Accessibility is moving from optional to expected as well. The WCAG criteria on flashing, on pausing motion, and on colour contrast increasingly appear in advertiser specifications, and large buyers audit creative against them (W3C, 2018).
A designer who treats accessibility as a constraint to design within, rather than a box to tick at the end, produces banners that reach more people and pass more reviews. This is one of the clearer ways to tell a current studio from one still working to the habits of a decade ago.
This page is meant to be used, not just read. The listings below gather studios, freelancers, and production houses whose work is relevant to banner design, organised so that you can compare specialisms, formats, and approaches in one place.
Treat it as a starting shortlist: identify the formats and volume you need, read each provider's stated capabilities against the standards described above, and request comparable quotes against a single brief.
Used that way, a focused banner design web directory saves the time that an open web search wastes, because the entries here have already been grouped by relevance to this specific craft. The references that follow point to the primary bodies and studies behind the standards discussed throughout, so that any claim made here can be checked against its source.
References
- Benway, J. P., and Lane, D. M. (1998). Banner Blindness: Web Searchers Often Miss "Obvious" Links. Internetworking, Rice University.
- Coalition for Better Ads. (2025). Better Ads Standards for Desktop and Mobile Web. Coalition for Better Ads.
- IAB Tech Lab. (2017). IAB New Standard Ad Unit Portfolio. Interactive Advertising Bureau Technology Laboratory.
- The Drum. (2016). 1994: First banner ad appears on hotwired.com. The Drum.
- World Wide Web Consortium. (2018). Web Content Accessibility Guidelines (WCAG) 2.1. W3C Recommendation.