About Us

We understand your goals & shape ideas into meaningful digital experiences.

Every solution is thoughtfully crafted to strengthen your brand identity, engage your audience, and support long-term sustainable growth. Based in Bareilly, trusted across India.

More About Us

0+

Projects Completed

0+

Clients Across Industries

0%

Client Satisfaction Rate

0+

Awards and Recognitions

( Works )

Latest Projects.

All Projects →

Branding & Identity
Web & Digital
Marketing & Growth

Brand StrategyVisual Identity

NovaBrand — Complete Identity System

UI/UXWeb Dev

PixelWave Dashboard

Brand Identity

LumiCraft Brand Experience

Motion DesignProduct

Formora — Product Launch

Design System

Gridline Studio Design System

( Testimonial )

Client Stories.

★★★★★

The team truly understood our vision and turned it into a seamless digital experience. The results exceeded our expectations by a wide margin.

Ravi Sharma

@Marketing Director

★★★★★

Black Motion transformed our brand from scratch. Their creative direction and attention to detail is unmatched. Highly recommend to any business.

Priya Patel

Creative Director

★★★★★

The team deeply understood our vision and crafted a seamless digital experience. The outcome truly exceeded our expectations in every way.

Arjun Mehta

Marketing Strategist

★★★★★

Quick, professional and incredibly talented. Black Motion Studio delivered exactly what we needed and then some. Outstanding work from start to finish.

Neha Gupta

Product Manager

★★★★★

Working with Black Motion was a game-changer. Our new brand identity has completely transformed how customers perceive us. Incredible team!

Anjali Rao

Founder & CEO

( Blogs )

Creative Insights.

More Articles →

Brand StrategyIdentity Design

Crafting Brands With Intent, Not Aesthetics

Top Story · March 20, 2025 · by Arjun Sharma

Spaces Designed for Living

March 20, 2025

Where Form Meets Function

March 20, 2025

( FAQ )

Help & Answers.

How long does a typical project take?

Smaller pages take 3–5 days. Full sites or apps vary between 2–4 weeks depending on complexity and scope.

Do you handle development?

Yes, we manage complete development. From front-end to deployment, ensuring quality, performance, and scalability throughout all projects.

What do I need to get started?

Just your goals, content, and timeline. We’ll guide you through requirements, planning, and next steps together smoothly.

What if I need ongoing support after launch?

We offer reliable post-launch support including updates, maintenance, improvements, and ongoing assistance as your product evolves and grows.

Still got unanswered questions?

Contact Support →

Let’s Build
Something Great.

Let’s kickstart your project and bring your ideas to life together. We’re ready when you are.

Book a call →

Join 150+ brands who trust Black Motion Studio to build their digital future.

(function(){
gsap.registerPlugin(ScrollTrigger);

/* —- CURSOR —- */
var cursor=document.getElementById(‘bms-cursor’);
if(cursor&&window.matchMedia(‘(pointer:fine)’).matches){
document.addEventListener(‘mousemove’,function(e){
gsap.to(cursor,{x:e.clientX,y:e.clientY,duration:.15,ease:’power2.out’});
});
document.querySelectorAll(‘a,button,.bms2-work-card,.bms2-service-item,.bms2-faq-item’).forEach(function(el){
el.addEventListener(‘mouseenter’,function(){cursor.classList.add(‘big’)});
el.addEventListener(‘mouseleave’,function(){cursor.classList.remove(‘big’)});
});
}

/* —- NAV SCROLL —- */
var nav=document.getElementById(‘bmsNav’);
var lastY=0;
ScrollTrigger.create({
start:0,end:99999,
onUpdate:function(s){
var y=s.scroll();
if(y>80){nav.classList.add(‘scrolled’);}else{nav.classList.remove(‘scrolled’);}
gsap.to(nav,{y:y>lastY&&y>150?-80:0,duration:.45,ease:’power2.out’});
lastY=y;
}
});

/* —- HAMBURGER —- */
var ham=document.getElementById(‘bmsHamburger’);
var mobileMenu=document.getElementById(‘bmsMobileMenu’);
var menuOpen=false;
if(ham&&mobileMenu){
ham.addEventListener(‘click’,function(){
menuOpen=!menuOpen;
mobileMenu.classList.toggle(‘open’,menuOpen);
gsap.to(ham.children[0],{rotation:menuOpen?45:0,y:menuOpen:7.5:0,duration:.3});
gsap.to(ham.children[1],{opacity:menuOpen?0:1,duration:.2});
gsap.to(ham.children[2],{rotation:menuOpen?-45:0,y:menuOpen?-7.5:0,duration:.3});
});
}

/* —- HERO ANIMATION —- */
var heroTl=gsap.timeline({delay:.2});
heroTl
.to(‘.bms2-hero-label’,{opacity:1,y:0,duration:.8,ease:’power3.out’})
.to(‘.bms2-hero-title’,{opacity:1,y:0,duration:1.2,ease:’power3.out’},’-=.5′)
.to(‘.bms2-hero-bottom’,{opacity:1,y:0,duration:.8,ease:’power3.out’},’-=.6′)
.from(‘.bms2-video-btn’,{opacity:0,scale:.8,duration:.6,ease:’back.out(1.7)’},’-=.3′);

/* —- HERO VIDEO PLAY/PAUSE —- */
var heroVideo=document.querySelector(‘.bms2-hero-video’);
var videoBtn=document.getElementById(‘bmsVideoBtn’);
var playing=true;
var pauseIcon=’‘;
var playIcon=’‘;
if(videoBtn&&heroVideo){
videoBtn.addEventListener(‘click’,function(){
if(playing){heroVideo.pause();videoBtn.innerHTML=playIcon;playing=false;}
else{heroVideo.play();videoBtn.innerHTML=pauseIcon;playing=true;}
});
}

/* —- SCROLL REVEALS —- */
gsap.utils.toArray(‘.bms2-reveal’).forEach(function(el){
gsap.fromTo(el,
{opacity:0,y:50},
{opacity:1,y:0,duration:.9,ease:’power3.out’,
scrollTrigger:{trigger:el,start:’top 88%’,toggleActions:’play none none none’}}
);
});

/* —- COUNT UP —- */
gsap.utils.toArray(‘.bms2-count’).forEach(function(el){
var target=+el.getAttribute(‘data-target’);
ScrollTrigger.create({trigger:el,start:’top 85%’,once:true,onEnter:function(){
gsap.to({v:0},{v:target,duration:2,ease:’power2.out’,onUpdate:function(){el.textContent=Math.round(this.targets()[0].v);}});
}});
});

/* —- PROCESS STEP HIGHLIGHT —- */
var steps=document.querySelectorAll(‘.bms2-process-step-name’);
var si=0;
setInterval(function(){
steps.forEach(function(s){s.classList.remove(‘active’)});
si=(si+1)%steps.length;
steps[si].classList.add(‘active’);
},1800);

/* —- TESTIMONIAL SLIDER —- */
var track=document.getElementById(‘bmsTestiTrack’);
var prevBtn=document.getElementById(‘bmsTestiPrev’);
var nextBtn=document.getElementById(‘bmsTestiNext’);
var tIdx=0;
var cardW=396;
function slideTo(i){
tIdx=Math.max(0,Math.min(i,track.children.length-1));
gsap.to(track,{x:-tIdx*cardW,duration:.6,ease:’power3.out’});
}
if(prevBtn&&nextBtn&&track){
prevBtn.addEventListener(‘click’,function(){slideTo(tIdx-1)});
nextBtn.addEventListener(‘click’,function(){slideTo(tIdx+1)});
/* auto-slide */
setInterval(function(){slideTo(tIdxhttps://test.com/