Website animation and 3D

You have a website, or a design for one, and you are wondering whether motion will do anything for it. Animation used well guides the eye to the most important information, confirms a click and makes the site look finished. Used badly, it slows loading, distracts and tires people who are sensitive to movement. The tool matters far less than the decision about what to animate and why.

Micro-interactions on forms and buttons reduce friction, because the user sees straight away that the click worked. An animated hero builds a sense of brand quality, and that turns into trust before anyone reads as far as the offer. We advise against animation for its own sake, even if you ask for it: an effect with no job is cut from the design while it is still a mockup.

We plan motion during UX/UI interface design. That is when it becomes clear which element should appear first, what should react to the cursor and where scrolling can tell the story of your product. We built this site on the same rules, so scroll to the bottom and judge for yourself whether the motion helps or gets in the way.

Before we animate anything, we set the order: what matters most on the screen, what can appear later and what should stay still. Motion works like bold text. If you bold everything, nothing stands out, so we animate fewer elements, but each one does something specific for the person reading your site.

The scope depends on what your site has to do. One company needs subtle section entrances and polished button states; another wants to walk the customer through a product by scrolling, or show it as a 3D model they can rotate. Each element works on its own, so you order only what you need. The service covers:

• Entrance and scroll animation

  sections appear in the rhythm of scrolling and lead the eye through the content.

• Micro-interactions

  hover and focus states and confirmation of actions, for example after a form is sent.

• Page and section transitions

  moving between pages without a flash of blank screen.

• 3D scenes and objects

  models of products and spaces that customers rotate in the browser.

• Performance optimisation

  a smooth 60 frames per second and a static version for people with prefers-reduced-motion turned on.

Do you sell something people need to see from every side: furniture, a device, a whole interior? A 3D model shows a product differently from a photo gallery, because the customer chooses which side to look at and, if the project allows it, switches the colour or variant too. Everything runs in the browser on WebGL, so nobody installs anything.

For 3D we use Three.js and React Three Fiber, and simpler scenes are prepared in Spline. Interface animation is built with GSAP and Framer Motion, smooth scrolling with Lenis and lightweight vector animation with Lottie. We match the tool to the effect, so where a few lines of CSS will do, we do not load a whole 3D engine.

If you already have models from a manufacturer or a 3D studio, we adapt them and slim them down for the browser. If you do not, we quote the modelling as part of the project. Once we know what you need to show, we propose a scope, from a single object in the hero to a configurator where the customer builds the product themselves.

It is the first question we hear, and rightly so. Built well, it does not. Motion runs on the transform and opacity properties, which do not make the browser recalculate the page layout. 3D scripts and models load only when the user reaches the section that needs them, and the models themselves are compressed. We aim for a smooth 60 frames per second and check Core Web Vitals before handing the site over.

We design for weaker hardware too. On cheaper phones the animation is simplified, and when someone turns on reduced motion in their system (prefers-reduced-motion), the page stays static and readable from top to bottom. Nobody should have to watch a page stutter, or sit through effects that bother them.

Animation performance falls under the same standard as the rest of our website build and code: we do not hand over a site that scores below 85 in PageSpeed Mobile, even one with a 3D hero and scroll storytelling. Optimising the motion is part of the build and you do not pay for it separately.

The price depends on how many sections should move, how complex the effects are and whether the project includes 3D. Subtle micro-interactions and section entrances are a different scope from a scroll-driven narrative or a product configurator. It also matters whether you have ready 3D models or they need to be built from scratch. After our call you get a free quote with the scope and schedule written out, within 48 hours.

The most requested elements have fixed starting prices, the same as in our pricing. You can add them to a new project or to the site you already have. We set the exact figure after a short call about what you want to show and which devices your customers will use to see it:

• Animated loader and splash screen

  a loading screen in your brand's style that plays for under 2 seconds and builds a first impression instead of irritating. From PLN 900 net.

• Scroll-triggered storytelling

  a section where an animation or visual narrative unfolds as the user scrolls. It works well for presenting a product, a process or a brand story. From PLN 2,000 net.

• Interactive 3D product model

  a model of your product or space that customers rotate themselves, with optional colour or configuration changes, optimised for the browser (WebGL, Three.js). From PLN 3,500 net.

Already have a site, your own team or a designer, and motion is the only thing missing? You can order animation and 3D as a separate service. We join where hands or skills are short, work in your code and your tools, and hand everything over with documentation at the end, so your developer can build on it without us. Scope and price are agreed before we start, so you know from day one what you are paying for.

In a new project, motion is built together with the rest of the site. Design, code and animation are handled by one person, Kacper Baranowski, so nothing gets lost between designer and developer. The animation code, models and source files are yours, just like the domain, hosting, content panel and every login.

First we check how the site performs today: how heavy it is, how fast it loads and which sections stand to gain from motion. If it is already slow, you will hear that on the first call, along with a list of what is worth fixing first, because animation added to a slow site deepens the problem instead of hiding it. And if something in our code fails after handover, we fix it free of charge for 30 days.

In a mobile app motion is in scope from the start, because smooth transitions and gesture response decide how the app behaves under your thumb. Motion in apps is developed together with our web app and PWA development. In other projects we add animation where it actually helps.

For business websites that is most often an animated hero and micro-interactions that signal quality from the first screen. In online stores the interactive 3D product model pays off most, because the customer sees the product from every side before adding it to the cart. Describe what you want to show in the form at the bottom of this page. We reply by the end of the next working day and tell you plainly whether motion will help or only add kilobytes.

If you are still planning the site, start by choosing an offer and treat animation as a layer that is easy to add later. We build sites so that motion can be added without rewriting everything, so you can decide on 3D once you see the finished design and know exactly where it will earn its place.