Websites & motion
that feel like product,
not promo.
I'm Saad, a designer & developer working with SaaS and dev tool teams to make their digital presence look the way their product actually feels.
Recent things I've made
Kinso
SaaS WebsiteInteractive landing page featuring canvas animations and responsive layout limits.
Claude UI
UI AnimationWalkthrough showcase highlighting transitions in a modern AI dashboard.
Vellum
Web App FrontendDeveloper platform documentation portal with clean type scales and responsive grids.
Notchnook
Feature MotionA micro-interaction feature reveal loop for a macOS menu bar helper application.
Bento Grids
Web LayoutModular card landing page adaptively fitting across grid breakpoints.
iCloud explainer
ExplainerClean explanation walkthrough mapping local file sync to global backup storage.
What makes this different
Design meets pure code
The layouts mirror the design file exactly. Clean interactive scripts, responsive structures, smooth hover states, and zero unnecessary script bloat.
Delivered in 10 business days
From project kickoff to deployment, final code is in your hands within two weeks. Fast enough to fit your launch roadmap, detailed enough to get it right.
Aligned before production
Every project aligns on standard Figma frames or storyboards first. By the time styling or After Effects begins, layouts are already approved.
Two clean revision rounds
Two full feedback runs are included. Revisions remain clear, milestones are hit, and files deliver exactly on scope budget boundaries.
From brief to delivery in five steps
Intake outline
You answer a short set of prompts describing the project goal, references you like, target visual styling limits, and files you already have.
First contact
I evaluate the details, reach out with any immediate layout questions, and present a firm price quote along with a calendar schedule.
Mockups & storyboard
I construct a frame-by-frame storyboard or structural Figma web layout so you review and approve visual layouts before code is written.
Design & development
With layouts locked down, I code the layouts natively or animate inside After Effects. You receive updates as blocks come together.
Revisions & delivery
Two adjustment loops are included to polish interactions and visual parameters. Final clean code or video formats deliver directly to your repository.
What I can build for you
Premium SaaS websites
Interactive, modern landing pages built with lightning-fast load times. Structured layouts designed to map to responsive bounds, optimizing conversion metrics.
Smooth UI animations
Micro-interactions, component transitions, hover triggers, and panel slide outs. Motions custom-tailored to look native, not tacked-on.
Product walkthrough videos
High-impact explainer reels demonstrating features inside actual product UI boundaries, helping leads understand visual workflows quickly.
Bespoke layout details
Custom layouts, animated iconography, canvas assets, and graphic overlays tailored to your software's aesthetic system.
Something about me
I'm Saad. I build high-end websites and motion designs that make digital products feel physical, responsive, and premium.
I work directly at the intersection of design tools (Figma, After Effects) and clean code. I focus on delivering responsive layouts that load instantly and micro-animations that clarify application workflows.
Every client works directly with me. No middlemen, no template limitations, just a straight conversation about how we make your SaaS or dev tool stand out.
Things people usually ask
How does the process work?
We start with a project brief to align on requirements. Then I construct Figma mockups or motion storyboards. Once you approve the layouts, I handle the development or animation. After two correction sweeps, the final files or deployed site is delivered.
How long does a project take?
Most landing page builds or product video assets deliver within 10 business days from the kickoff point. Shorter sequences (15s motion loop) can sometimes be fast-tracked if slot space permits.
What assets do you need?
Access to your platform (staging or sandbox), logo files (SVG format), styling guidelines (colors, typefaces), and references showing design patterns you like.
How many revisions are included?
Two rounds of feedback are included with every project. Aligning on storyboards/mockups early keeps the development phase targeted and reduces major layout revisions.
How much does it cost?
Pricing is project-based depending on complexity. Mini animation sequences start around $300, while custom responsive landing page setups begin around $800. I present a locked flat-price quote before we begin.
Do you work with early-stage startups?
Yes. Many of my clients are early teams launching their first public iterations. The work is designed to help young products look highly polished and established.
Have a project worth doing right?
Tell me about it. I'll get back within a business day.