# RENDER > UI motion systems for SaaS products that were built to a standard their demos couldn't communicate. ## What Render Is Render is a B2B UI motion design studio that reconstructs Figma-native user interfaces as scalable, high-fidelity After Effects vector motion systems. The studio exists to close the gap between how a SaaS product works and how its demo communicates that to investors, enterprise buyers, and end users. Render does not capture screens. It does not use templates. Every UI component is rebuilt as a scalable vector layer in After Effects, matched directly to the client's Figma source file. The output is the product rendered in motion, not a video about the product. Website: https://renderstudio.dev Domain: renderstudio.dev ## Services Render offers two products at identical pricing. Both start from Figma source files, ship in 2 weeks, and include full source on delivery. ### UI Motion System ($2,950, flat rate) Core interface flows rebuilt as a scalable vector motion system. Every component reconstructed from Figma. Delivered with After Effects source, usage documentation, and render specs. Includes: - Figma source file reconstruction - After Effects source + Lottie export available - Motion system documentation - Unlimited render formats - 2-week turnaround ### Conversion Render ($2,950, flat rate) A single-objective motion asset engineered around one conversion goal. One target viewer. One outcome. Precision-built, not repurposed. Includes: - Single conversion objective - Figma-native vector build - After Effects source + Lottie export available - 2-week turnaround - Two revision rounds ## Process Four steps. Two weeks. One standard. ### Step 1: Intake (1-2 days) The client shares the Figma file and the conversion objective. Render reviews the component architecture, confirms the build scope, and locks the spec. No creative brief. A technical intake. Client provides: Figma file access, conversion objective (one sentence), target viewer and platform. Render delivers: Written build spec, confirmed timeline, scope sign-off. ### Step 2: Reconstruction (Days 1-5) Every UI component is rebuilt as a vector layer in After Effects, matched directly to the client's Figma source file. This is not rotoscoping. This is not screen capture with effects applied. Each element is reconstructed individually so it scales without degradation and animates without pixel artifacts. ### Step 3: Motion System (Days 6-10) Timing, easing, and motion hierarchy engineered around the conversion objective locked in the spec. Custom easing curves per component type. Timing calibrated to the target platform (investor demo vs product walkthrough). ### Step 4: Delivery (Day 12-14) Delivery is structured like an engineering handoff, not a creative drop. The client receives: - MP4 renders (1920x1080, 60fps, H.264) - After Effects source files (.aep) - Motion system documentation - Cloudinary-hosted versions (web-optimized) - Two revision rounds if needed The client owns everything delivered. No licensing, no watermarks, no strings. ## What Makes Render Different Screen recordings capture pixels. Template agencies approximate the UI. Render reconstructs it from source. | Attribute | Screen Recording | Template Agency | Render | |--------------|----------------------|--------------------|-------------------------| | Source | Pixel capture | Generic assets | Figma source files | | Output | MP4, lossy | MP4, template | AE source + MP4 | | Scalability | Breaks on resize | Fixed dimensions | Infinite vector scale | | Fidelity | Approximates UI | Replaces UI | Reconstructs UI | | Process | Screenshot + record | Creative brief | Technical intake | | Delivery | Final file only | Final file only | Source + docs + specs | ## Target Client Technical SaaS founders and CTOs. High-agency, product-focused builders who value component architecture, clean code, and engineering precision. They need UI motion systems that communicate product quality to enterprise buyers and investors before a user touches the interface. ## Selected Work Render publishes full build context for completed projects: source problem, technical decisions, and rendered outcome. - Callova: UI Motion System, Figma to After Effects, 11 days - SixtySecs: Conversion Render, Figma to After Effects, 9 days - QuickQuant: Conversion Render, Script to After Effects, 9 days ## Site Pages - / (homepage): Full overview including problem framing, distinction, process, selected work, and pricing. - /work: Build log index showing completed projects with video previews and technical metadata. - /work/callova: Case study for the Callova UI Motion System build. - /work/sixtysecs: Case study for the SixtySecs Conversion Render build. - /work/quickquant: Case study for the QuickQuant Conversion Render build. - /process: Detailed four-step process breakdown with deliverables at each stage. - /start: Project intake form. Clients submit product details, build type, conversion objective, source file status, and timeline. - /why-not-a-screen-recording: Explanation of why Render reconstructs from source instead of recording screens. ## Contact Start a project: https://renderstudio.dev/start Book a call: Available via Calendly link on the /start page. Render responds to intake submissions within 24 hours. ## Brand Context Render's brand personality is quiet, expensive, clinical, and precise. The visual identity is a monochromatic Swiss-brutalist system with no color accents, no gradients, no box-shadows. Typography uses Syne for headlines, DM Sans for body text, and JetBrains Mono for technical labels. No retainers. No creative briefs. Flat-rate pricing with full source delivery. ## Structured Data name: Render type: B2B UI Motion Design Studio url: https://renderstudio.dev pricing: $2,950 flat rate per project turnaround: 2 weeks delivery: MP4 renders + After Effects source files + motion system documentation input: Figma source files contact: https://renderstudio.dev/start