CARS24
CARS24
CARS24
PRODUCT & Motion Designer
PRODUCT & Motion Designer
PRODUCT & Motion Designer
Apr 24 - Present
Apr 24 - Present
Apr 24 - Present
Working as a Product & Motion Designer with the CARS24 product team majorly in the buy car pod -
Owning all things motion from micro-interactions to icon, logo and illustration animations for the new Superapp.
Working on designing and animating visuals for superapp and buy page home screens for various festivals and events.
Working with product designers and tech teams to create an effective workflow for motion requirements to handoff and defining motion guidelines for the product.
Working as a Product & Motion Designer with the CARS24 product team majorly in the buy car pod -
Owning all things motion from micro-interactions to icon, logo and illustration animations for the new Superapp.
Working on designing and animating visuals for superapp and buy page home screens for various festivals and events.
Working with product designers and tech teams to create an effective workflow for motion requirements to handoff and defining motion guidelines for the product.
Working as a Product & Motion Designer with the CARS24 product team majorly in the buy car pod -
Owning all things motion from micro-interactions to icon, logo and illustration animations for the new Superapp.
Working on designing and animating visuals for superapp and buy page home screens for various festivals and events.
Working with product designers and tech teams to create an effective workflow for motion requirements to handoff and defining motion guidelines for the product.
Splash screens &
onboarding flows
Splash screens &
onboarding flows
onboarding FLOW
- Superapp
onboarding FLOW - Superapp
Motion for a smoother onboarding experience
CARS24 is now aiming to being a super app and not just a used car buying and selling platform.
With the introduction of new services such as Service history, fastag recharge, RTO services and a new branding following the launch of Orbit (One place for all car needs), we needed a new onboarding flow for communicating all the services and in a brand new identity.
Motion for a smoother onboarding experience
CARS24 is now aiming to being a super app and not just a used car buying and selling platform.
With the introduction of new services such as Service history, fastag recharge, RTO services and a new branding following the launch of Orbit (One place for all car needs), we needed a new onboarding flow for communicating all the services and in a brand new identity.
onboarding FLOW
- Superapp
Motion for a smoother onboarding experience
CARS24 is now aiming to being a super app and not just a used car buying and selling platform.
With the introduction of new services such as Service history, fastag recharge, RTO services and a new branding following the launch of Orbit (One place for all car needs), we needed a new onboarding flow for communicating all the services and in a brand new identity.
onboarding FLOW
onboarding FLOW
1) Motion for a smoother onboarding experience
Onboarding comes straight after the splash screen and since CARS24 is now adding more and more services to the product, we wanted to use the onboarding flow to communicate the same with the users.
Adding too many illustrations with text seemed a bit off since we did not want to take away the attention from the main task i.e. sign up/login.
To solve this, we came up with this subtle animations showcasing our icons and the services they are linked to.
The rail animation felt more easy going and did not take away much attention from the onboarding process. Enough to convey what we wanted smoothly through motion.
1) Motion for a smoother onboarding experience
Onboarding comes straight after the splash screen and since CARS24 is now adding more and more services to the product, we wanted to use the onboarding flow to communicate the same with the users.
Adding too many illustrations with text seemed a bit off since we did not want to take away the attention from the main task i.e. sign up/login.
To solve this, we came up with this subtle animations showcasing our icons and the services they are linked to.
The rail animation felt more easy going and did not take away much attention from the onboarding process. Enough to convey what we wanted smoothly through motion.
1) Motion for a smoother onboarding experience
Onboarding comes straight after the splash screen and since CARS24 is now adding more and more services to the product, we wanted to use the onboarding flow to communicate the same with the users.
Adding too many illustrations with text seemed a bit off since we did not want to take away the attention from the main task i.e. sign up/login.
To solve this, we came up with this subtle animations showcasing our icons and the services they are linked to.
The rail animation felt more easy going and did not take away much attention from the onboarding process. Enough to convey what we wanted smoothly through motion.
2) Motion for a smoother onboarding experience - for a first time user
Now, we wanted to add some exciting motion for someone that is registering on the app for the very first time.
The animation had to accomodating all the offer coupons that are available to a user and also be very attractive and enticing.
Here's the animation that I came up with to solve for user attention, engagement, conveying the relevant information and of course, delight!
2) Motion for a smoother onboarding experience - for a first time user
Now, we wanted to add some exciting motion for someone that is registering on the app for the very first time.
The animation had to accomodating all the offer coupons that are available to a user and also be very attractive and enticing.
Here's the animation that I came up with to solve for user attention, engagement, conveying the relevant information and of course, delight!
2) Motion for a smoother onboarding experience - for a first time user
Now, we wanted to add some exciting motion for someone that is registering on the app for the very first time.
The animation had to accomodating all the offer coupons that are available to a user and also be very attractive and enticing.
Here's the animation that I came up with to solve for user attention, engagement, conveying the relevant information and of course, delight!
Splash Screens
Splash Screens
For App enhancement using Motion Design
Splash Screen is the first thing that a user sees when they engage with the product. Splash screen can be a simple static logo to represent the brand but adding motion can -
1) Make the entry experience delightful and smooth
2) Reduce the load anxiety for the user
3) Great way to keep the app more culturally relevant by using the estate during festivities and events.
For App enhancement using Motion Design
Splash Screen is the first thing that a user sees when they engage with the product. Splash screen can be a simple static logo to represent the brand but adding motion can -
1) Make the entry experience delightful and smooth
2) Reduce the load anxiety for the user
3) Great way to keep the app more culturally relevant by using the estate during festivities and events.
Splash Screens
For App enhancement using Motion Design
Splash Screen is the first thing that a user sees when they engage with the product. Splash screen can be a simple static logo to represent the brand but adding motion can -
1) Make the entry experience delightful and smooth
2) Reduce the load anxiety for the user
3) Great way to keep the app more culturally relevant by using the estate during festivities and events.
HOmepage screen -
design & animations
HOmepage screen -
design & animations
ICC men's
T20 World cup
onboarding FLOW - Superapp
For the T20 Cricket World Cup season, and I was tasked to infuse some cricket magic into the new CARS24 splash & homepage, all to cheer on Team India.
The result? An interactive animation that's as exciting as a last-ball six. Check it out on the CARS24 app and show your support for Team India!
For the T20 Cricket World Cup season, and I was tasked to infuse some cricket magic into the new CARS24 splash & homepage, all to cheer on Team India.
The result? An interactive animation that's as exciting as a last-ball six. Check it out on the CARS24 app and show your support for Team India!
ICC men's
T20 World cup
For the T20 Cricket World Cup season, and I was tasked to infuse some cricket magic into the new CARS24 splash & homepage, all to cheer on Team India.
The result? An interactive animation that's as exciting as a last-ball six. Check it out on the CARS24 app and show your support for Team India!
collection of event
homepage headers
onboarding FLOW - Superapp
Our main goal for designing and adding these headers on the super app homepage is to make the experience more delightful and engaging for our users.
Adding subtle animations around the events helps keep the product relevant and relatable for the audience.
Our main goal for designing and adding these headers on the super app homepage is to make the experience more delightful and engaging for our users.
Adding subtle animations around the events helps keep the product relevant and relatable for the audience.
collection of event
homepage headers
Our main goal for designing and adding these headers on the super app homepage is to make the experience more delightful and engaging for our users.
Adding subtle animations around the events helps keep the product relevant and relatable for the audience.
buy page headers
onboarding FLOW - Superapp
Buy page is one of the main category of CARS24 where users can search for second hand cars to buy from.
These headers are played in a carousel with each of them conveying a different offer to users. The main goal was to keep the experience more delightful with motion.
Buy page is one of the main category of CARS24 where users can search for second hand cars to buy from.
These headers are played in a carousel with each of them conveying a different offer to users. The main goal was to keep the experience more delightful with motion.
buy page headers
Buy page is one of the main category of CARS24 where users can search for second hand cars to buy from.
These headers are played in a carousel with each of them conveying a different offer to users. The main goal was to keep the experience more delightful with motion.
CHaracter &
icon animations
Character
animations
onboarding FLOW - Superapp
Since the revamp, we have been experimenting around and developing an illustration style that is consistent throughout the CARS24 app.
One of my main tasks is to animate the characters, create lotties and maintain a repository for quick use. The animations might be very subtle with just some facial movement or a hand animation, etc.
Here are some animations that I have done till now.
Since the revamp, we have been experimenting around and developing an illustration style that is consistent throughout the CARS24 app.
One of my main tasks is to animate the characters, create lotties and maintain a repository for quick use. The animations might be very subtle with just some facial movement or a hand animation, etc.
Here are some animations that I have done till now.
Character
animations
Since the revamp, we have been experimenting around and developing an illustration style that is consistent throughout the CARS24 app.
One of my main tasks is to animate the characters, create lotties and maintain a repository for quick use. The animations might be very subtle with just some facial movement or a hand animation, etc.
Here are some animations that I have done till now.
New product services -
flows & animations
New product services -
flows & animations
Fastag flow
animations & loaders
onboarding FLOW - Superapp
As a part of the new super app ecosystem, we introduced Fastag adoption and recharge services.
Here are some lottie animations and loaders that were done for this project.
As a part of the new super app ecosystem, we introduced Fastag adoption and recharge services.
Here are some lottie animations and loaders that were done for this project.
Fastag flow
animations & loaders
As a part of the new super app ecosystem, we introduced Fastag adoption and recharge services.
Here are some lottie animations and loaders that were done for this project.