Red Banana Lab · Field notes No. 3
What wins a Webby: 100 elements across 10 categories
SummaryWe took ten categories of the 2026 Webby Awards for Websites and Mobile Sites and read the sites that won, were voted People's Voice, or were nominated. From them we named 100 visible design elements, ten per category, each tied to the sites that show it, and moved anything a 2015 website template would also have into a separate note. 41 of the 100 were seen in the fetched page text of two of the cited sites on 10 October 2026; the others are seen on one site or described in the entrant's own case study, and are marked so. What the winners share is not a look but a stance: they set the conditions of the visit, show real names and real data, and make motion answer the visitor. This note is the checklist we will hold our own 2027 work to.
Method
We used the 2026 season of the Webby Awards, Websites and Mobile Sites, and copied category names, winners, People's Voice winners and nominees as the winners pages print them. The ten categories are Best Visual Design - Aesthetic1, Best Use of Animation or Motion Graphics4, Best User Interface6, Architecture, Art & Design9, Food & Drink11, Cultural Institutions14, News & Politics16, Activism18, Education21, Travel & Lifestyle23.
For each category we read the entries' own sites and named ten elements: concrete things a visitor can see or do, never an adjective. Each element names at least one entrant that shows it; most name two. An element is marked checked when the fetched page text or markup of two cited sites shows it. Pages were read as text and markup, not rendered in a browser, so motion, sound and layout are described from the code and from the entrants' published case studies, not watched on a screen. Anything a 2015 template would also have (cookie notices, social icons, newsletter boxes, search icons, carts, legal footers) was moved to a note under its category and not counted. No element repeats across categories.
Findings, category by category
In Best Visual Design - Aesthetic1 the Webby Winner, Igloo Inc2, makes each project a physical object in ice and moves between scenes with a frost and glitch transition; the nominee type site shows the whole typeface family as something to drive (type tester, glyph grid, a width against weight grid). The People's Voice winner, The Renaissance Edition3, sets product news inside a Renaissance painting.
In Best Use of Animation or Motion Graphics4 the winner Aether 15 puts a live 3D scene behind the text and labels its controls in a machine voice ([ 001 ], [ close ]); other entries make the visitor press and hold to start, or let cartoon characters push the headline words around.
In Best User Interface6 the winner DICH™ Fashion7 treats the page as a console: a live pointer readout in the header, a sound for every hover and click, hot spots on the garment figure and a colour that follows the collection you choose. The People's Voice winner is Google Store8.
In Architecture, Art & Design9 the winner Warhol Art10 reads like an archive: museum labels (Year: 1962, Dept. of Warhol Arts), credited pull quotes and a ticket flow inside the page; studio sites print the material of each work and promote their own printed book.
In Food & Drink11 the winner Savor12 turns its idea into motion (a footer logo that un-melts like butter) and states what the food is made without, one word per line; others let you drag the whole product field or play a small game before buying. The People's Voice winner is Maeve Chocolate13.
In Cultural Institutions14 the winner National Gallery Imaginarium15 lets paintings float through a 3D room and asks questions on top of a painting before it comes alive; other entries set up the visit first (headphones, rotate the phone, a content warning) and let visitors switch sound, subtitles and motion themselves.
In News & Politics16 the winner The Trace17 builds the site around a named, searchable data library with its own help desk; others attach status labels to each tracked conflict or case and explain their method in a page of its own.
In Activism18 the winner Intrusion Project - Radio Alice19 pairs a transcript of a 1977 police raid with an audio tracklist; the People's Voice winner Plan C20 offers a Quick Exit button, a state-by-state entry point and a hotline directory.
In Education21 the winner Little Language Lessons22 turns the learner's own moment into a lesson: describe a situation, point a camera at the room, or read a slang chat one message at a time; other entries end quizzes on a shareable result and run quizzes as a driving game.
In Travel & Lifestyle23 the winner Primland Explore24 makes a map the main picture, with gesture hints and drifting cloud over the aerial view; other entries hand the trip plan to the visitor's own AI assistant and open a separate door for AI agents.
What recurs across the ten
Four kinds of move appear in category after category without being the same element. The visit is set up before it starts: a press-and-hold start, a sound choice, a viewing tip, a content warning. Real names and real records are shown as they are: makers credited, sources quoted with speaker labels, data offered as a library with its method. Motion waits for the visitor: hot spots, hover sounds, a light or a particle cloud that answers the pointer, a scene that moves with the scroll. And the site hands the visitor something to keep or act on: a type tester, a shareable quiz result, an emoji pack, a trip plan sent to their own assistant.
How Red Banana will use this
We propose a checklist for Red Banana Tech Studio's 2027 design pass on client and own sites. It starts with the 41 checked elements; each of the other 59 joins the checklist only when one of us opens the cited site and sees the element on screen. Each new build names the elements it uses and the sites it learned them from, and copies no code, image or wording from them. Nothing in this note claims an outcome for our own work yet.
Limits
Pages were not rendered, so 59 of the 100 elements rest on one site or on case-study text and are marked unchecked; some entrant sites refused automated reading or load only through scripts, and were described from their Webby entry or case study instead. The selection of ten categories is ours. Award status was copied from the Webby winners pages as of 10 October 2026.
Appendix: the 100 elements
| Category | # | Element and what it does | Seen on | Seen on two sites by our team |
|---|---|---|---|---|
| Best Visual Design - Aesthetic | 1 | Each project shown as its own object frozen inside a block of ice, with a different block shape and crystal pattern for every project, so no two look alike as you scroll past: turns a list of projects into a row of physical, collectable-looking things you pass one by one | Igloo Inc (Awwwards case study by Abeto and Bureaux, and Awwwards site page | no |
| Best Visual Design - Aesthetic | 2 | In the links section, picking an outside link makes a cloud of particles swirl and gather into a matching shape, with a music and sound effect timed to the movement: makes leaving the page feel like a small game instead of a plain link click | Igloo Inc (Awwwards case study | no |
| Best Visual Design - Aesthetic | 3 | Changing from one scene to the next with a frost effect, colour fringing (chromatic aberration) and a digital displacement of the picture: makes each scroll step feel like the screen freezing and glitching into the next place | Igloo Inc (Awwwards case study; Awwwards lists Animation, Transitions and Infinite Scroll | no |
| Best Visual Design - Aesthetic | 4 | The whole site held to just two colours, a pale grey-blue (#b6bac5) and a dark slate (#383e4e): gives a calm, cold, single-mood look so shape and light carry the design | Igloo Inc (Awwwards site page palette listing | no |
| Best Visual Design - Aesthetic | 5 | A type tester on the font's own page: pick Exat, Exat Condensed or Exat Wide, pick a weight from Extra Light to Black, and drag Size, Line Height and Letter Spacing on a sample line: lets you try the typeface on your own terms before you buy | Exat Typeface | no |
| Best Visual Design - Aesthetic | 6 | A glyph grid with tabs for Uppercase/Lowercase and Accented, Cyrillic, and Figures and Symbols, drawn with labelled guide lines (Cap height, X height, Baseline, Descender): shows every character and how it sits on the lines of the type | Exat Typeface | no |
| Best Visual Design - Aesthetic | 7 | A "Design Space" grid that sets width (Condensed, Standard, Wide) against weight in one sample sentence ("Fonts frame form, clarity, and balance"): lets you see the whole family side by side at a glance | Exat Typeface | no |
| Best Visual Design - Aesthetic | 8 | Stylistic-set cards (Thin Alternates, Encapsulated Numbers, Encapsulated Letters, Alternative a) that each swap to a second picture of the alternate letter shapes when pointed at: lets you flip between the normal and alternate letters in place | Exat Typeface | no |
| Best Visual Design - Aesthetic | 9 | A Renaissance-style oil painting used as the page background, with modern objects dropped into the classical scene and hot pink on top: sets a clashing old-meets-new mood that makes the product news feel like art | The Renaissance Edition (described by an unofficial visual-reference page; Shopify HTML lists texture image files | no |
| Best Visual Design - Aesthetic | 10 | A downloadable pack of custom emojis for the edition ("ren-edition-emojis.zip"), with rows of emoji on the Sidekick prompt cards: hands the visitor a small piece of the design to keep and use in their own chats | The Renaissance Edition | no |
| Best Use of Animation or Motion Graphics | 11 | A press-and-hold start button, "Press & Hold to Start", with a fill mask that sweeps across it while you hold: makes the visitor physically trigger the start of the story instead of clicking | The Spark | no |
| Best Use of Animation or Motion Graphics | 12 | Short feature labels set around a central graphic: three bracketed names ([ EQUALIZER ], [ NOISE CONTROL ], [ AI ASSISTANT ]) around the circle loader, and data cards (Speed 56 km/h, Temperature 42°C, Work Permit Verified) around the truck in the hero: names what the product can do or reads out its live state while the visitor waits or looks | Aether 1, Madar | yes |
| Best Use of Animation or Motion Graphics | 13 | An "Ask Aether" question box pre-filled with a suggested question ("Is the sound quality comparable to top ear buds on the market?") that talks to an AI assistant: lets the visitor interrogate the product in plain words instead of reading specs | Aether 1 | no |
| Best Use of Animation or Motion Graphics | 14 | Machine-style tags and counters set in small type: [ 001 ] slide counter, "[ Click to enable sound ]", "[ close ]" on one site; "sound ///", "CHAPTER // 01 >>>", "NEURAL COMMUNICATION SYSTEMS" on the other: makes the whole page read like a device interface, so the visitor feels inside the product or story | Aether 1, The Spark | yes |
| Best Use of Animation or Motion Graphics | 15 | A cursor that carries a small text label and follows the pointer (cursor, cursor__inner, cursor__label): tells the visitor what a click will do at each spot | Aether 1 | no |
| Best Use of Animation or Motion Graphics | 16 | Cartoon characters (jester, explorer, sage, outlaw, creator) standing beside each headline word and pushing or pulling it, drawn as frame-by-frame image sequences (push, pull, idle): turns the agency's tagline into a small scene that reacts as you scroll | Ribbit | no |
| Best Use of Animation or Motion Graphics | 17 | A showreel frame that scales up as you scroll, with a "Play" button on top of the looping clip: lets the visitor choose to watch the full reel at the moment the frame fills the screen | Ribbit | no |
| Best Use of Animation or Motion Graphics | 18 | Link and button text whose letters glitch or scramble when you hover (every link button on one site carries a glitch effect class): gives each small control a flicker of life so it feels clickable | Madar, The Spark | no |
| Best Use of Animation or Motion Graphics | 19 | Hand-drawn Lottie animations: the "Howdy we are" logo draws itself on arrival and six service icons (explainer, identities, title sequence, advertisement and more) play only when you hover them: shows each service as a tiny animated sample of the work | Ribbit, The Spark | yes |
| Best Use of Animation or Motion Graphics | 20 | A live 3D scene (WebGL canvas) filling the first screen behind the text, moving as you scroll: puts the product, city or truck in the room with the visitor instead of showing a flat picture | Aether 1, Madar, The Spark | yes |
| Best User Interface | 21 | A live pointer position readout fixed in the header, printed as "X. 0124 // Y. 1367": tells the visitor exactly where the pointer is, so the page feels like a control console | DICH™ Fashion | no |
| Best User Interface | 22 | A small sound on hovering and on clicking links and buttons (the markup tags 38 hover sounds and 22 click sounds per page): gives each touch a sound reply so the visitor knows an item reacted | DICH™ Fashion | no |
| Best User Interface | 23 | Product hot spots on the collection figure with the instruction "tip: hover the touch-points to reveal the object", each spot naming a garment piece (Neon Veins, Solar Bloom, Amber Exoskin, Citrus Core Reactor): lets the visitor explore a look piece by piece straight on the figure | DICH™ Fashion (Oraniths page and Anturax page | no |
| Best User Interface | 24 | A data panel per collection with an "info" and "drop" switch, listing Population, Origin, Time Period, Declination and Style as a spec sheet: shows the collection facts as a compact readout and lets the visitor flip between facts and the drop | DICH™ Fashion (Oraniths page and Anturax page | no |
| Best User Interface | 25 | Collection cards that show future drops as numbered placeholder tiles with "coming" artwork next to the live ones: tells the visitor more collections are on the way and how many | DICH™ Fashion | no |
| Best User Interface | 26 | Page background and header text colour that change to the colour of the collection you hover, click or scroll to (colours such as #FFDFC4 and #C5C4FF set per link): tints the whole interface to the chosen collection so the visitor always knows which one is active | DICH™ Fashion | no |
| Best User Interface | 27 | A fixed "submit_idea" button that opens a panel titled "Inspire Our Next Collection" with Name, Email and World fields and a "SEND SIGNAL" button: lets the visitor pitch ideas for the next collection without leaving the page | DICH™ Fashion | no |
| Best User Interface | 28 | A page-not-found screen written in the site's own voice with one way back (DICH: "It seems you've wandered off the beaten path" and a "GO TO DICH™" button; X: "Sorry, we couldn't find the page you're looking for. But that's okay, mistakes are how we learn." under the normal header): turns a dead end into an on-brand moment and still shows the way home | DICH™ Fashion, X, The Moonshot Factory | yes |
| Best User Interface | 29 | A status tag on every project card showing its fate, Current or Graduated, with where it went ("Graduated to Google", "Graduated, Alphabet Company", "Graduated, Independent Company"), and a single dropdown "All Projects" that groups sort order (All By Date, All A-Z), Status and Topic: shows the visitor which ideas live on and where, and lets them re-sort in one menu | X, The Moonshot Factory | no |
| Best User Interface | 30 | Story cards whose headline names the job done, followed by the business and its state ("Write emails to clients in seconds" over "Morgan Ranch, Nebraska"; "Manage mountains of data" over "Jacobsen Salt Co., Oregon"), 50 of them for 50 states: lets the visitor scan for the task they want done and see a real business in their own state | 50 States 50 Stories Website | no |
| Architecture, Art & Design | 31 | A loading screen that counts up from 0 to 100 percent before the first page shows: tells the visitor a heavy visual site is on its way and how long is left | Warhol Art, Composites.archi, Quadplex 80 | yes |
| Architecture, Art & Design | 32 | A sound or media choice before the experience starts: "sound on / sound off", "Enter without sound" beside "Enter experience", or an "Enable media" box with "Later" and "Turn On": lets the visitor pick silence or audio before anything plays | Warhol Art, Composites.archi, Quadplex 80 | yes |
| Architecture, Art & Design | 33 | A one-line material or technique caption beside each work, naming the actual stuff (for example "Silkscreen Technique" beside "Four Elvises 1963", or a material line per building case such as carbon fibre wrap): teaches the visitor how the piece is made, not only what it is | Warhol Art, Composites.archi | yes |
| Architecture, Art & Design | 34 | The studio's own printed book promoted as a block of the page: YODEZEEN's "MONOGRAF" with chapter names and page numbers (The Philosophy 9, Architectural Residences 101, Insights Behind the Work 337) and a "Coming soon" tag; the Monsters site's "El libro" section naming the illustrated book: turns the website into a preview of a physical object the visitor can look forward to | YODEZEEN, The Fabulous and Terrible Real Monsters | yes |
| Architecture, Art & Design | 35 | A row of continent words used as a filter or tabs over a list of places or documents (America, Europe, Africa, Asia; "Filter by continent - All"): lets the visitor narrow a long worldwide list to their own region | Composites.archi, YODEZEEN | yes |
| Architecture, Art & Design | 36 | Numbered markers printed beside each block or entry: 01, 02, 03 on statements, 00_1, 00_3, 00_4 on sections, or 01 to 18 on an index of illustrated entries: gives the visitor a visible count of where they are in the story and a way to refer to a part | Warhol Art, Composites.archi, The Fabulous and Terrible Real Monsters | yes |
| Architecture, Art & Design | 37 | Words wrapped in round or square brackets as the site's own label style: "( EXHIBITION )", "( EXPO )", "( WITH LOVE )", "[5]" after a group name, "[North America]" after a document: gives every label the look of a catalogue or blueprint annotation | Warhol Art, Composites.archi | yes |
| Architecture, Art & Design | 38 | Museum catalogue style labels on each work or creature: "Fig. 1." to "Fig. 18." captions with Latin style section titles, or "Year: 1962" and "Dept. of Warhol Arts" tags: makes the visitor feel they are reading a real archive or natural history plate | The Fabulous and Terrible Real Monsters, Warhol Art | yes |
| Architecture, Art & Design | 39 | A pull quote credited to a named book or author with year: "The most exciting attractions are between opposites that never meet." from The Philosophy of Andy Warhol, 1975; William Osler's line about humanity's three enemies: puts a borrowed human voice at the top of the story and frames the theme | Warhol Art, The Fabulous and Terrible Real Monsters | yes |
| Architecture, Art & Design | 40 | A three step ticket pop-up inside the page: choose Personal, Group Tour or Student, then "Drop Your Digits", then a "Confirmed!" screen: lets the visitor book a visit without leaving the art page | Warhol Art | no |
| Food & Drink | 41 | Objects the visitor can grab and drag with the pointer (Palmer: the whole field of plates, hint text "Drag to explore"; Sqew: a halal badge sticker that is coded as a "Draggable Sticker"): turns looking at food or tableware into a hands-on toy instead of a scroll | Palmer dinnerware, Sqew | yes |
| Food & Drink | 42 | Page scrolling that glides with inertia instead of jumping (Lenis smooth-scroll library in the page code; Maeve's listing names the same library): makes scrolling feel soft and premium, matching rich food photography | Savor, Palmer dinnerware, Maeve Chocolate | yes |
| Food & Drink | 43 | A bubble-shaped wipe that sweeps the old page away when you go to another page (Savor: a page-transition "bubble" layer; its Awwwards case study describes a scroll wipe made from two curves forming an organic shape): makes moving between pages feel like a blob of fat flowing across the screen | Savor | no |
| Food & Drink | 44 | A footer logo that un-melts, as if butter were freezing back into the Savor mark (WebGL shader, also used in the mobile menu): gives a last playful moment that is the product's idea (melting fat) shown as motion | Savor | no |
| Food & Drink | 45 | A statement broken into one word per line that spells out what the food is made without ("Without / animals / hormones / antibiotics / farmland / or fertilizers."; Seedlip counterpart: icons "No sugar", "All the flavor", "No calories"): states the product's promise by subtraction in a form you can read at a glance | Savor, Seedlip Drinks | yes |
| Food & Drink | 46 | A one-line memory or place-based taste story under each product name instead of an ingredient list (Seedlip: Garden 108 "Rooted in memories eating fresh peas straight from the pod."; Spice 94 "Inspired by the deep woods and the spiced aroma of the forest floor."): lets you imagine the flavour of a drink with no alcohol to describe | Seedlip Drinks | no |
| Food & Drink | 47 | A playable shooting game placed in the page ("Shoot magic missiles, and challenge your fellow crawlers. Click or tap to play!", tied to a Dungeon Crawler Carl chocolate collection): gives a reason to stay and play before buying | Maeve Chocolate | no |
| Food & Drink | 48 | A team card at the end of the crew grid that reads "You?" with "We're hiring" and a "WORK WITH US" link: invites the visitor to join the crew, in the same card style as the real staff | Sqew | no |
| Food & Drink | 49 | A two-step ordering pop-up that asks which branch (Leeds City Centre, Manchester Deansgate) and then how, with cheeky sublines: "DELIVERY / Bring it to me" and "COLLECTION / I'll come to you": routes a hungry visitor to the right Deliveroo order in two taps, in the brand's voice | Sqew | no |
| Food & Drink | 50 | A product browsing surface that lets you filter by colour, shape or size without leaving the view, and flip between the free-drag canvas and a plain grid, with each collection opening a sideways-scrolling lookbook: lets buyers and sales reps wander the full range and then switch to an orderly list | Palmer dinnerware | no |
| Cultural Institutions | 51 | A one-line viewing tip shown before you start ('Use headphones for the best experience'; 'please rotate your device to portrait mode'): sets up how to hold or hear the piece before it begins | Mouthful of Dust, Tracing Art | yes |
| Cultural Institutions | 52 | Small visitor comfort and access switches (aria-labelled 'Toggle sound', 'Toggle subtitles', 'Toggle audio description'; a 'Reduce Motion' button in the top bar): lets each visitor tune sound, captions and motion to their own needs | Mouthful of Dust, The Rock & Roll Hall of Fame Website | yes |
| Cultural Institutions | 53 | A thin progress line or percentage readout showing how far through the experience you are (a '0%' readout and a time readout; a chapter progress bar with dot navigation): tells you where you are in a long story and lets you jump chapters | Mouthful of Dust, Tracing Art | yes |
| Cultural Institutions | 54 | A story card that follows one work through the hands that reused or owned it ('From Blondie's disco-punk smash to Missy Elliott's hip-hop classic, one drum loop kept moving forward'; a 1669 Kalf painting traced through 1864, 1936, 1944 owners with a dated year row): turns a single work into a journey you can follow across time | The Rock & Roll Hall of Fame Website (Sonic Connections cards), Tracing Art | yes |
| Cultural Institutions | 55 | A commissioned writer's own words set inside the experience, with made-to-order sound ('new short works by five writers who voice their own recordings'; an opening poem by Sir Ben Okri and a new soundscape by Nick Ryan): puts a human voice and a mood around the objects instead of a plain label | National Gallery Imaginarium (Webby Winner), Mouthful of Dust | no |
| Cultural Institutions | 56 | Close-up inspection of a single object in great detail (zoom into a painting in the Micrio viewer; 3D scans of Ned Kelly's armour you can look out of, with the rifle-butt engraving readable): lets you examine the object closer than you could in a gallery | National Gallery Imaginarium (Webby Winner), Mouthful of Dust | no |
| Cultural Institutions | 57 | Paintings that float through a 3D room instead of hanging in a grid or list, and you click one to float into it: makes choosing an artwork feel like moving through a dream room, with the surroundings turning more formless the deeper you go | National Gallery Imaginarium (Webby Winner | no |
| Cultural Institutions | 58 | Questions that appear on top of a painting; answering them opens an exploration mode and, after enough answers, figures in the painting move and matching sound plays (cows lowing): guides you to look slowly by asking rather than telling | National Gallery Imaginarium (Webby Winner | no |
| Cultural Institutions | 59 | A content warning screen before the experience starts ('contains sensitive content including descriptions of violence, death and dying') with a Skip button: lets you choose whether to enter difficult material | Mouthful of Dust | no |
| Cultural Institutions | 60 | A choice between 'Manual' and 'Cinema' camera modes: lets you steer yourself or sit back and let it play | Mouthful of Dust | no |
| News & Politics | 61 | Homepage built around topics, with named story clusters and a row of topic chips ("Spotlight": Iran War, Oil Production, Artificial Intelligence, War in Ukraine, China, Tariffs; clusters titled "The Future of American Strategy", "Navigating the AI Moment"): lets the visitor follow one big story in depth instead of scanning only the newest items | The Trace, Council on Foreign Relations | no |
| News & Politics | 62 | A named, searchable data library as its own section (The Trace's Gun Violence Data Hub with downloadable datasets, methodology and related stories; "Database" in the SLAPP Back nav, "The SLAPP Back Database"): gives the visitor the underlying numbers to read or reuse, not only the story | The Trace, The SLAPP Back Initiative | no |
| News & Politics | 63 | A reader-question channel with answers shown as Q and A ("Ask FactCheck" box with "Q:" and "A:" and "Have a question? Ask us."; Data Hub "Help Desk" where journalists send questions): lets the visitor ask the newsroom directly and read answers to other people's questions | FactCheck.org, The Trace | no |
| News & Politics | 64 | A parent institution named under the site logo ("A Project of The Annenberg Public Policy Center"; "A project of First Amendment Watch within the Arthur L. Carter Journalism Institute at New York University"): tells the visitor which university stands behind the reporting | FactCheck.org, The SLAPP Back Initiative | yes |
| News & Politics | 65 | Status or outcome labels attached to each tracked item, with a percentage or rating (CFR Global Conflict Tracker: "Worsening", "Improving", "Unchanging", "Developing" and impact "Critical", "Significant", "Limited"; SLAPP Back: "49% cases fully or partially dismissed", "5% unresolved", "46% cases moved forward"): shows at a glance how each case or conflict is going | Council on Foreign Relations, The SLAPP Back Initiative | yes |
| News & Politics | 66 | Charts with a plain descriptive title above each ("Year anti-SLAPP legislation took effect by state"; "Total historic cases citing anti-SLAPP statutes, by jurisdiction") and, for The Trace, built-in data visualization tooling: states in words what each chart shows before the visitor reads it | The SLAPP Back Initiative, The Trace | no |
| News & Politics | 67 | A "how we work" page in the menu ("Our Process" under About on FactCheck.org; "Methodology" in the SLAPP Back nav): explains to the visitor how the facts were gathered and checked | FactCheck.org, The SLAPP Back Initiative | yes |
| News & Politics | 68 | A plain-language explainer under a "What to Know" style headline or short section ("Another Hormuz? What to Know About the Houthi Threat to the Red Sea" on CFR; SLAPP Back analysis page explaining what a SLAPP is and how anti-SLAPP laws work): brings a newcomer up to speed on the issue before the detail | Council on Foreign Relations, The SLAPP Back Initiative | yes |
| News & Politics | 69 | Labelled facet rows on an article that sort it by place, issue and person (FactCheck.org: Category "FactCheck Posts", Location "Michigan", Issue "Prisons", People "Abdul El-Sayed"; CFR: tags "Iran War", "Middle East and North Africa", "Trade"): lets the visitor jump to other pieces on the same place, issue or person | FactCheck.org, Council on Foreign Relations | yes |
| News & Politics | 70 | A plain statement of independence in the footer or about text ("Founded in 1921, CFR is a nonpartisan, independent national membership organization..."; "We are a nonpartisan, nonprofit 'consumer advocate' for voters"; The Trace described as a nonprofit, nonpartisan newsroom): tells the visitor who is not paying for or steering the coverage | Council on Foreign Relations, FactCheck.org, The Trace | yes |
| Activism | 71 | A state-by-state entry point: a "Search by state or territory" dropdown (states, territories, "Military addresses") on Plan C, and a "State Support" row of state links (Alabama, Florida, Georgia, Louisiana, Mississippi) on SPLC: sends the visitor straight to help or news for where they live | Plan C, Southern Poverty Law Center | yes |
| Activism | 72 | Primary-source excerpts shown with a caption or speaker labels: a transcript of the 1977 police raid with speaker labels (Valerio, Police, Antonio) and sound cues such as "Noise - instruments broken" and "Silence." on Intrusion Project, and autopsy report images captioned "Source: Jason Kirkland's autopsy" on The Alabama Solution: lets the visitor read or see the raw evidence, not only the campaign's retelling | Intrusion Project - Radio Alice (Webby Winner), The Alabama Solution | yes |
| Activism | 73 | An audio block: a "Tracklist" panel with Title and Artist columns, a "00:00" timestamp and six linked tracks (Distorsonic, Alos, Xabier Iriondo, Julinko, G.A.Z.A., Paolo L. Bandera) on Intrusion Project, and an "Apathy Is Not An Option" podcast section with a "Listen Now" button on SPLC: turns the cause into something the visitor listens to | Intrusion Project - Radio Alice (Webby Winner), Southern Poverty Law Center | yes |
| Activism | 74 | A dataset shown as a card in the page body that opens a searchable tool: "Database of deaths, 2019-2024" card (Tubik case study: "search the database" button over 1300+ people) on The Alabama Solution, and a "Hate Map" map card on SPLC: lets the visitor look up the evidence for their own place or case | The Alabama Solution, Southern Poverty Law Center | yes |
| Activism | 75 | Hand-made illustration used as the main decoration instead of photos: a mural image by Milagros and a "Need to be un-pregnant?" sticker graphic on Plan C, and cloud, light-bulb balloon and coloured shape illustrations on Bright Matter: gives a heavy subject a friendly, human face | Plan C, Bright Matter | yes |
| Activism | 76 | An options ladder that names the choices "Plan A:", "Plan B:" and "Plan C:" in sequence before explaining each one: places the site's own option inside a sequence the visitor already knows, so it reads as one choice among several | Plan C | no |
| Activism | 77 | Audio reactive visuals tied to the tracks, with a "History" link that opens the station's story as short headed sections ("Via del Pratello 41", "Alice", "Hands off Alice.") and a red (#DC0000) and white palette: makes the sound itself the visual, then gives the history one click away | Intrusion Project - Radio Alice (Webby Winner | no |
| Activism | 78 | A "Quick Exit" button at the top of the page, with a "Stay safe: Read our digital privacy tips" link beside it: lets someone at risk leave the page fast and hide their trail | Plan C | no |
| Activism | 79 | A hotline and support directory of four cards (M+A Hotline, Reprocare Healthline, Repro Legal Helpline, Aya Contigo), each with phone, text or chat contact and an "Atencion en espanol" note on some: gives the visitor a person to reach right now | Plan C | no |
| Activism | 80 | A "Get free stickers" card with a sticker graphic, and a "Plan C road trip" item in the menu: turns support into something the visitor can take away and carry | Plan C | no |
| Education | 81 | A quiz that ends on a result screen with a score or rank and a "try again" button (MicrobeXplorer "You got 0%", "You're a master Xplorer!!", "Try agAin"; Quiz Motor Race ranks S, A, B, C with "race once more"; Wikipedia 25 "Which Wikipedia of the Future are YOU?" with "YOU GOT..." and "Retake the quiz"): lets the visitor test what they just learned and see how well they did | MicrobeXplorer, Car-making Meister, 25 Years of Wikipedia | yes |
| Education | 82 | A button to save or share your quiz result as a picture ("Download your result as an image" and "Share your results"; "long-press to save" plus a LINE "tell friends" button): turns the learner's result into something they can keep and send to friends | 25 Years of Wikipedia, Car-making Meister | yes |
| Education | 83 | A dated timeline of picture entries running from a first date to now (Stanford: 1937, 1939, 1961, 1969, 1972, 1992, 1996, 2017 cards with an "Explore the timeline" button; MicrobeXplorer: entries from "8,000-7,000 BCE" to "2019 CE-Present" with captions and image credits): shows how the subject developed over time in one scroll | Stanford Engineering Centennial, MicrobeXplorer | yes |
| Education | 84 | A big Start / Enter / Play / "Launch the Xperience" button that opens the hands-on part of the site (Wikipedia 25 "Enter the experience"; MicrobeXplorer "Launch the Xperience"; Car-making Meister START, PLAY, ENTER): gives the visitor one clear place to begin the interactive lesson | 25 Years of Wikipedia, MicrobeXplorer, Car-making Meister | yes |
| Education | 85 | A "describe a situation" box that returns a mini lesson with vocabulary, phrases and grammar tips (Tiny Lesson, e.g. asking for directions, finding a lost passport): gives the learner words for the exact moment they will face, not a fixed word list | Little Language Lessons (the Webby Winner | no |
| Education | 86 | A camera mode that labels the objects in your photo in the language you are learning and gives descriptive words with example sentences (Word Cam, you pick one object after the labels appear): turns the room around the learner into a vocabulary lesson | Little Language Lessons (the Webby Winner | no |
| Education | 87 | A made-up chat between two native speakers that you reveal one message at a time, with slang terms explained as they appear and a translate-to-your-language option (Slang Hang): teaches informal speech the way it sounds in real conversation | Little Language Lessons (the Webby Winner | no |
| Education | 88 | A collectible card draw: "The card you drew this time is..." with a "You already have this card" message and a "View collected cards" button, 26 cards to find: gives the child a reward and a reason to come back and try another activity | Car-making Meister (shown on the engineer course page, the factory tour page and the kids page | no |
| Education | 89 | A quiz played as a driving game: a car on screen, left and right buttons or the arrow keys to pick the answer lane, a SCORE readout and speed bar, a "How to play" button and a pause box (Quiz Motor Race): makes answering questions feel like a game and ends with a 5-question explanation list | Car-making Meister | no |
| Education | 90 | A "Transcript" button on each of seven short expert videos, opening the spoken words as text (Jimmy Wales, Robert Sim, Leila Zia and others): lets the visitor read the interview instead of watching it | 25 Years of Wikipedia | no |
| Travel & Lifestyle | 91 | A map of the destination used as the main picture, with places you point at or drag across (Primland: a full-screen aerial estate map behind an "Explore the map" button; Kudanil: a regional route map with location pins that open on hover): lets the visitor see where everything is before reading anything | Primland Explore, Kudanil Explorer | yes |
| Travel & Lifestyle | 92 | Short gesture instructions printed on the page ("Drag to move" and "Scroll to zoom" on Primland; "Swipe to explore" with an arrow on Kudanil): tells the visitor how to move through the map or the row of cards | Primland Explore, Kudanil Explorer | yes |
| Travel & Lifestyle | 93 | A best-time-to-go label on each trip card (Kudanil: "April - October", "May - October", "October - March"; Primland: a summer to fall season toggle for the estate scenery): shows when the place is at its best so the visitor can plan the month | Kudanil Explorer, Primland Explore | no |
| Travel & Lifestyle | 94 | A row of picture tabs that swaps the content below (Kudanil: numbered tabs "01 Cabins", "02 Dining", "03 Guest Areas", "04 Activities"; Joby: partner tabs Car Service, Airlines, Infrastructure, R&D, Technology, Government, each with a picture): lets the visitor browse one topic at a time without leaving the section | Kudanil Explorer, Joby X TinyWins | yes |
| Travel & Lifestyle | 95 | A footer list headed "For AI agents" with links named Connect AI, llms.txt, agents.txt and WebMCP: gives AI assistants a machine-readable door into the site | Journey Rewards | no |
| Travel & Lifestyle | 96 | A "Plan your stay in" row of buttons that open ChatGPT, Claude, Perplexity or Gemini with a ready-written trip prompt about the page: starts the visitor's trip planning in their own AI assistant in one click | Journey Rewards | no |
| Travel & Lifestyle | 97 | A layer of drifting cloud or fog moving over the aerial map photography (Primland, with birds and ambient sound described by the CommArts case study): makes the landscape feel alive and weathered rather than a flat picture | Primland Explore | no |
| Travel & Lifestyle | 98 | A plain promise about how fast or when the team answers, placed next to the contact details (Kudanil: "We respond within a few hours"; Journey: "24/7 Concierge Access When You Need It" via iMessage and WhatsApp): tells the visitor what to expect before they reach out | Kudanil Explorer, Journey Rewards | yes |
| Travel & Lifestyle | 99 | A door for the trade or property owners on a consumer travel page (Kudanil footer: "Advisor Access"; Journey: "Become an Alliance Property" button): sends travel advisors and hotel owners to their own entry point so guests are not distracted | Kudanil Explorer, Journey Rewards | yes |
| Travel & Lifestyle | 100 | A pop-out card on a map point that carries property details plus Enquire and Share buttons (Primland: points of interest open modals, per the CommArts case study; each property has a site tour, image galleries and floor plans): lets the visitor study one property and ask about it without leaving the map | Primland Explore | no |
Sources
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/features-design/best-visual-design-aesthetic
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/features-design/best-visual-design-aesthetic/361001/igloo-inc
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/features-design/best-visual-design-aesthetic/372642/the-renaissance-edition
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/features-design/best-use-of-animation-or-motion-graphics
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/features-design/best-use-of-animation-or-motion-graphics/364444/aether-1
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/features-design/best-user-interface
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/features-design/best-user-interface/363972/dich-fashion
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/features-design/best-user-interface/378591/google-store
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/general-desktop-mobile-sites/architecture-art-design
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/architecture-art-design/363955/warhol-art
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/general-desktop-mobile-sites/food-drink
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/food-drink/360412/savor
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/food-drink/364780/maeve-chocolate
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/general-desktop-mobile-sites/cultural-institutions
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/cultural-institutions/380455/national-gallery-imaginarium
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/general-desktop-mobile-sites/news-politics
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/news-politics/361695/the-trace
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/general-desktop-mobile-sites/activism
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/activism/370693/intrusion-project--radio-alice
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/activism/363819/plan-c
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/general-desktop-mobile-sites/education
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/education/367379/little-language-lessons
- https://winners.webbyawards.com/winners/websites-and-mobile-sites/general-desktop-mobile-sites/travel-lifestyle
- https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/travel-lifestyle/371966/primland-explore