Design

# Motion in UI Design: Movement That Serves the Next Tap

Motion in a product UI should explain a state change. A looping hero video on 4G is not design — it is a bounce.

CodeLoop Studio·August 27, 2026·5 min read

![Design tools and sketches on a desk](https://www.codeloop.ba/_next/image?url=%2Fblog%2Fmotion-design-ui-design-cover.jpg&w=3840&q=75)

Photo by [Pixabay](https://www.pexels.com/@pixabay) on [Pexels](https://www.pexels.com/photo/196644/)

Motion in a product UI should explain what just happened: a row saved, a sheet opened, a payment confirmed. A looping hero video on 4G is not motion design. It is a bounce with a soundtrack.

CodeLoop Studio in Sarajevo draws UI for the site or app the same team ships. Design-with-build is [web design with a build](https://www.codeloop.ba/blog/web-design-with-build). The English UI/UX service page is [UI/UX](https://www.codeloop.ba/services/ui-ux). This note is when we animate, and when we refuse.

## Movement that earns its milliseconds

Loading, empty, error, success — those states need a cue. A booking site such as [More than Lashes](https://www.codeloop.ba/study-case/morethanlashes) needs a form that feels finished, not a parallax intro. Koliko on a shift needs the count to update. Guests on a phone do not wait for a three-second logo sting.

A landing with one job should stay still enough to tap — [landing pages](https://www.codeloop.ba/blog/landing-page-one-job). A shop checkout should not animate the total while the thumb is on pay — [ecommerce checkout](https://www.codeloop.ba/blog/ecommerce-checkout).

## What we freeze

* **Prefer reduced motion.** OS settings are not a nice-to-have. We respect them.
* **Phone first.** If the animation stutters on a mid-range Android, it is out. Device QA is part of [custom mobile app development](https://www.codeloop.ba/custom-mobile-app-development).
* **No trend for its own sake.** Glass and spring physics on a clinic site are how people miss the phone number. [Clinic websites](https://www.codeloop.ba/blog/izrada-web-stranica-za-ordinacije) stay readable.
* **Same team codes it.** A Figma prototype with motion we cannot implement is a moodboard. We will not sell that as delivery.

## What we will not ship

Auto-playing sound. Full-screen video as the only H1\. Micro-interactions that delay a legal form. If you need a brand film, hire a studio that makes films. We make screens that get used.

## Send the screen that must move

Which state change is unclear today, and on which device you tested. Reply in **24 hours** — [online estimate](https://www.codeloop.ba/online-estimate) or [contact](https://www.codeloop.ba/contact).