Wireframe CRM record redesigned into a cleaner layout
163.4K views·2K likes·2.7K saves·50 reposts·Posted 27 Sept 2026 · 0:42 · Explainers
Our note
A 42-second UX case-study animation that walks a CRM company record from cluttered wireframes to a cleaner final design, with captions like 'Six buttons with the same weight' explaining each change and a reply side panel.
The creator’s post
I was struggling to explain my UX decisions in interviews, so I made this kind of animation with Opus 5.5 Anyone want the skill?
The prompt
I was struggling to explain my UX decisions in interviews, so I made this kind of animation with Opus 5.5 Anyone want the skill?
Make one like this
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
The creator didn’t name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4. How that works →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth