- Home
- Blog
Notes from the lab
42 plain-spoken guides on websites that move, 3D that earns its place, and video ads that don’t look made by a machine. Prices are sourced, trade-offs are named, and every post ends with what to ask for.
42 articles
Animated websites6 minAnimated Website Cost in 2026: Real Price Tiers and Drivers
Sourced 2026 price tiers for animated websites, from template tweaks to WebGL flagships, plus the five things that actually move the budget.
3D web / WebGL5 min3D Website Cost in 2026: Hero, Multi-Scene, Configurator
What a 3D website really costs in 2026, split into three scopes, with the drivers and hidden line items that move the number.
AI video ads6 minAI Video Ads in 2026: What They Cost and What You Actually Get
Three ways to buy AI video ads, sourced price points for each, and the line items that decide whether a cheap ad stays cheap.
Real estate5 minReal Estate Development Website: What Buyers Expect in 2026
Buyers of off-plan homes want facts fast: which homes are left, what they cost, where they are. A must-have and nice-to-have checklist for new development websites.
Animated websites6 minDo Animations Slow Down Your Website? Motion vs Core Web Vitals
Animation doesn't slow a site down by existing. It hurts LCP, INP and CLS in three specific ways, and each one has a fix.
3D product visualization6 min3D Product Visualization: A Practical Guide for Brands
One accurate 3D model can feed renders, spins, web viewers, configurators and AR. Here is what each output is for, what to supply, and what the market charges.
Loops5 minWebsite Background Video: Size, Format, Loops and iPhone Autoplay
The specs, the file-size arithmetic and the five attributes that make a hero loop autoplay on iPhone without wrecking your load time.
Animated websites6 minAnimated Website Examples: 15 Motion Patterns Worth Stealing
Fifteen motion patterns behind the best animated websites, each with the job it does well and the way it usually goes wrong.
3D product visualization6 min3D Product Configurator Cost: Build vs Buy, Real Ranges
From a $59-a-month plugin to a six-figure CPQ build. The real price ranges for a 3D product configurator, what drives them, and how to decide between buying and building.
AI video ads6 minAI Commercial vs Traditional Production: Cost, Speed, Quality
AI wins on cost and speed. Traditional wins on people, texture and certainty. Most good launch films in 2026 use both.
Real estate5 minInteractive Apartment Selector: How It Works and What It Costs
What sits under the hood of an apartment selector, how the data flows, and what each build option costs, from a free WordPress plugin to real-time 3D.
3D web / WebGL5 minThree.js Website: How It's Built, What It Costs, How Long
A plain-language walk-through of what goes into a Three.js website, who builds it, how long it takes and what it costs to keep alive.
3D product visualization6 minShopify 3D Model Viewer: Add 3D and AR to Product Pages
Shopify already ships a 3D viewer and AR. Here is the step-by-step: the file you need, the limits that matter, the theme check, and the point where native stops being enough.
AI video ads6 minProduct Launch Video Ideas: 15 Concepts That Stop the Scroll
Fifteen launch video concepts, each with a treatment, a length and the kind of product it suits best. Pick one idea and commit to it.
Animated websites6 minDo Animated Websites Hurt SEO? What Google Actually Measures
Google has no penalty for motion. It ranks what it can read and measures how fast it loads. Here are the four places animated sites actually lose rankings.
Real estate5 min3D Real Estate Websites: Selling Homes Before They're Built
A real-time building model can be the menu, the price list and the mood film at once. Here is how it works, what it needs, and how to keep it fast on phones.
AI video ads6 minAI Product Video From a Single Image: A Studio Workflow
One packshot in, a 15-second film out. The exact workflow we use: keyframes, chained start/end-frame clips, consistency checks and an ffmpeg finish.
Animated websites6 minWebsite Redesign Process for a Motion-First Site, Week by Week
Six phases, about twelve weeks, and a clear list of what you need to do each week so the motion prototype doesn't stall.
3D product visualization6 min3D Configurator Conversion Rate: What the Data Really Says
The 94% lift gets quoted everywhere. We traced it and the other famous 3D and AR numbers back to who measured them, what they compared, and what they can actually tell you.
Loops5 minHow to Make a Seamless Loop Video With AI (No Visible Jump)
Most AI loops jump at the seam. Here is the start/end-frame method we use, the cheats that work, and a five-point seam check.
Animated websites6 minWhat Is a Motion Design Website (and Does Your Brand Need One)?
A motion design website treats movement like typography: a defined system, not a pile of effects. Here's what that means and who it's for.
AI video ads6 minProduct Launch Video Examples: How a 30-Second Film Is Built
A 30-second launch film, built beat by beat: hook, tension, reveal, proof, CTA. With a worked script, cutdown plan and aspect-ratio rules.
3D web / WebGL5 minHow to Put an Interactive 3D Model on Your Website
Four ways to show a 3D model on a website, from a ten-line embed to a custom viewer, with the formats and file sizes that keep it fast.
Real estate5 minReal Estate Marketing Video Ideas for Homes That Aren't Built Yet
Selling off-plan means there is nothing to film yet. Nine video ideas that work anyway, when to make each one, and how to label CGI and AI footage honestly.
Animated websites6 minWebflow vs Framer vs Custom Code for an Animated Website
Webflow, Framer or a custom Next.js build? Five questions decide it, and most of them aren't about animation.
3D product visualization6 min3D Product Animation vs Photography: Which to Use When
CGI is not automatically cheaper than a shoot. It wins on unreleased products, many variants and reuse. Here is how to decide, stage by stage.
AI video ads6 minEU AI Act and AI-Generated Ads: Disclosure Rules for Brands
Article 50 does not make you label every AI-assisted ad, only realistic ones. Where the line sits, who carries the duty, and a checklist.
3D web / WebGL5 minWebGL Website Examples: What Real-Time 3D Is Actually Good For
Six jobs real-time 3D does well on the web, with a real example of each and what it takes to build.
3D web / WebGL5 min3D Website Performance: glTF, Draco, KTX2, Mobile Fallbacks
The budget, compression steps and loading order we use to keep real-time 3D fast on a mid-range phone.
AI video ads6 minWhy AI Commercials Are Terrible (and How to Make One That Isn't)
Most AI ads fail for the same five reasons, and none of them is the model. What goes wrong, what audiences actually think, and how to make one worth watching.
Animated websites6 minInteractive Website Design: 12 Interactions That Earn Their Place
Twelve interactive elements sorted by the job they do, with an honest note on cost and accessibility for each.
3D product visualization6 minCGI Ads: When CGI Product Ads Beat a Shoot
Splashes, giant products in real cities, the inside of a mechanism. Here is when a CGI product ad beats a shoot, what it costs, and how to mix CGI with AI video without losing the product.
Brand & buying6 minWebsite Design Brief: 12 Questions to Answer First
Twelve questions that turn a vague website idea into a brief agencies can quote accurately, plus a template to copy and the red flags to watch for in proposals.
3D web / WebGL5 minWebGL SEO: How to Make a Three.js or 3D Site Rankable
A 3D site can rank as well as any other, if the content lives in HTML and the canvas is decoration. Here's the checklist and how to verify it.
AI video ads5 minAd Creative Fatigue: How Many Variations You Really Need
Winning ads wear out in weeks. Here is how to spot creative fatigue early and build a variation matrix you can actually afford to refresh.
Animated websites6 minScrollytelling Website Examples: Patterns and How to Plan One
Scrollytelling turns the scroll bar into a timeline. Here are the patterns behind the best examples, and a storyboard method to plan your own.
3D product visualization6 minProduct Launch Website: Anatomy of a Launch Page That Sells
Hero film, product in 3D, proof, specs, offer, waitlist. The section order for a launch page that sells, and the launch-day operations that keep it standing.
Brand & buying6 minLuxury Brand Website Design: Restraint, Motion and Craft
Luxury online looks like luxury in a store: space, quiet, perfect materials. Motion slows down, type gets bigger and spectacle is saved for launches.
Animated websites6 minAwwwards Website Design: What It Takes and If You Need It
How Awwwards juries actually score sites, what award-level work costs, and when chasing a Site of the Day makes business sense.
3D web / WebGL5 minAI 3D Website Builders in 2026: What's Real and What's Hype
AI can now sketch a 3D scene from a prompt. Here's what that's good for, where it breaks, and how we actually use it in production.
Animated websites6 minImmersive Website Design: When It Converts, When It's a Gimmick
Immersion should explain, sell or stick in memory. If it does none of the three, it's a loading screen with ambitions.
Animated websites6 minAccessible Website Animation: prefers-reduced-motion and WCAG
Reduced motion is a design state, not an off switch. What WCAG asks of animated sites, and how to keep motion for everyone without making anyone dizzy.