Create one key interface screen that demonstrates the effect of "glass floating over a live background" with a slight parallax movement.
What needs to be delivered
1 screen in Figma + an interactive prototype showing the background movement.
Layer structure (bottom to top)
Layer 1 — Background (moves, parallax)
It is necessary to create one key interface screen that demonstrates the effect of "glass floating over a live background" with a slight parallax movement.
What needs to be delivered
1 screen in Figma + an interactive prototype showing the background movement.
What is already ready
All UI elements (frosted glass cards, panels, buttons) are already made.
They do not need to be redone — just place them correctly on the background.
Layer structure (bottom to top)
Layer 1 — Background (moves)
It is necessary to create a soft gradient/abstract background and set up a slight parallax (background movement by a few pixels).
Layer 2 — Frosted Glass UI (static)
The UI is already ready.
It is important that it looks "floating" over the background and reads premium.
Prototype in Figma
The prototype should clearly show depth and the floating effect.
Use the "Mouse move" interaction to simulate parallax.
Result
One finished screen
Working prototype in Figma
Neat layer names for handover to developers