Skip to Content

Design

Animated websites that tell your story

Some brands need more than a template: a site that unfolds as people scroll and gives the product a sense of craft. I design and build animated websites where the motion explains something, then tune them so they stay quick on phones and respect people who turn animation off.

Updated

Start a Project WhatsAppWeb Development

Problems this solves

  • Your product has a real story, but a standard template site makes it look like every competitor.
  • You have seen impressive animated sites and worry that yours would be slow, janky or break on mobile.
  • Past animation work made the page heavy, so it scored badly on speed and visitors left early.
  • Flashy effects can leave out visitors who are sensitive to motion or use a keyboard or screen reader.

What I build

  • Scroll storytelling that reveals your product or brand one chapter at a time
  • Section transitions and scroll-linked animation using GSAP ScrollTrigger
  • Smooth scrolling with Lenis, tuned so it feels natural on trackpads, mice and phones
  • Micro-interactions on buttons, menus and cards that give feedback without getting in the way
  • Page and component animation with Framer Motion where it fits better than GSAP
  • A reduced-motion version for visitors who prefer less movement, plus keyboard-friendly navigation

How it works

  1. 1Story and storyboard

    We decide what the page needs to say and in what order. I sketch the scroll journey so you can see the idea before it moves.

  2. 2Motion prototype

    I build the key sections with real animation so you can feel the pacing on your own device, and we adjust together.

  3. 3Build and optimize

    I finish the site, then trim image weight and animation cost so it holds up on mid-range phones and slow networks.

  4. 4Test and hand over

    I check reduced-motion, keyboard use and different screen sizes, then launch. The code and accounts are yours.

Work that shows it

Tools I use

  • Next.js
  • React
  • TypeScript
  • GSAP
  • ScrollTrigger
  • Lenis
  • Framer Motion
  • Tailwind CSS
  • Vercel

Working with clients abroad

I work remotely with clients worldwide from Assam, India, and in person across Assam and Guwahati. Quotes are in USD and paid by Wise or international bank transfer. Code lives in your GitHub from day one, and you get a staging link to try at every step.

Questions

It does not have to be. I animate transforms and opacity rather than heavy layout changes, compress media and load animation code only where it is used, then test on mid-range phones.
I build a reduced-motion version that follows the visitor's device setting, so animations are replaced with simple fades or none at all. Content and navigation work without them.
Not when the content is real text in the page and the site loads quickly. I keep headings and copy readable by search engines, and animation only changes how they appear.
Yes. I work remotely with clients worldwide, and we review the motion through live links and recorded walkthroughs. I quote in USD for clients outside India.
You do. The repository, domain and hosting sit under your accounts, and the animation code is plain, commented source you can hand to any developer.

Tell me what you have in mind, and I'll tell you how I'd build it.

WhatsAppStart a Project