What Sourcegraph shipped
Sourcegraph introduced Deep Search to help developers navigate legacy codebases using plain English queries.
The 44-second film acts as a targeted feature highlight, focusing specifically on the onboarding use case where context is scarce and time is critical. For devtools, the challenge is always making complex search look visually engaging without abstracting away the actual product value.
How the motion works
In devtool motion design, the UI is the hero. The film leans on a typewriter effect to simulate natural human input. This grounds the feature in reality, showing exactly how a developer would query an undocumented repository rather than relying on abstract metaphors.
Pacing in search-centric videos is dictated by reading comprehension. The motion relies on precise hold-time calibration, giving the viewer just enough frames to parse the plain English question before the interface generates the answer. If the hold is too short, the context is lost; too long, and the product feels slow.
To prevent static screen recordings from feeling stagnant, the edit uses calculated punch-in movements. These scale shifts direct the eye straight to the relevant code snippets and search results, cropping out the peripheral noise of the surrounding IDE and focusing entirely on the data.
The transitions are strictly utilitarian. A series of hard-cut edits moves the viewer through discrete onboarding scenarios—setting up environments, dodging pitfalls—keeping the rhythm brisk and aligned with a developer's desire for efficiency.
What to steal from it
- Simulate user intent with typewriter reveals for search and AI inputs.
- Calibrate hold times strictly to the reading speed required for your UI text.
- Use punch-ins to isolate crucial data and crop out interface noise.
- Choose hard cuts over complex transitions to maintain a fast, utilitarian rhythm.
Want a video like this for your product?
Impractical cuts one from a single prompt — the same motion craft, in about twenty minutes.
