The Brief
RocketCloud AI is a self-initiated tool built to solve a specific friction point: getting usable video or audio clips out of online sources quickly, without installing software or navigating bloated web tools full of ads and dark patterns.
The brief was simple — paste a URL or drop a file, set a clip range if needed, and get the output. Nothing else in the way.
What It Does
The interface presents two input paths: a video URL (YouTube, SharePoint, or any direct link) or a local file upload supporting MP4, AVI, MOV, MKV, and more. Advanced options allow a precise start time and duration to be set, so the output is already trimmed rather than requiring a second step.
From there, a single "Process Video" action handles the AI processing pipeline. The result is offered as two downloads: audio as MP3, or video as MP4. Both are available from the same screen with no redirect, no account, and no waiting around on a results page.
Design Decisions
The UI is a deliberate single-card layout — everything on one screen, no pagination, no steps wizard. The card sits centred on a neutral off-white background that keeps focus entirely on the task.
The orange-to-red gradient on the Process Video button is the only strong colour on the page. It earns that position — it's the one action that matters, and it reads that way immediately. The rocket logomark carries the same palette and gives the tool a product identity without overcomplicating the interface.
Download buttons are intentionally muted — secondary grey — because they only appear after processing. Visually, they step back until they're needed.
Stack
Built with React and TypeScript, deployed on Vercel. The AI processing pipeline handles video extraction, trimming, and format conversion server-side, keeping the client interface lean and fast.
