Closed

I need a lottie, css or SVG animation!

I need an animation similar to the one on the Apple website. On the left side there should be a 3-D animation and on the right side there should always be a text with a heading.

when the animation starts there will be an entire house on the left. The house consists of a roof two floors and a foundation. Next to the house is a headline and a subheadline.

if you then scroll down further, the roof separates from the rest of the house and becomes the center of the viewport. The rest of the house slowly moves down and fades into the background. In addition, a new text with a new heading moves up on the right side. The text will appear very centrally right next to the roof.

as the user scrolls further, the top floor separates from the rest of the house and floats to the roof of the house to reconnect to the roof. Now the roof and the top floor are the focus of the viewport. the lowest floor and the foundation are still below in the background animation. next to the roof and the top floor another text with a heading appears. This should hover Verde Scrollens proportionally to the scroll movement.

if the customer scrolls further, the bottom floor will separate from the foundation and float to the roof and the upper floor. The foundation will still be down in the background. and in the center of the screen the roof, top floor and bottom floor will be connected.

on the right side a text with a heading proportional to the scrolling movement will slide up again.

should the viewer scroll further, the foundation will float up and reconnect with the rest of the house. Of course, a text with a new heading will slide up again and be displayed directly next to the house.

The background of the animation should be black. The text should be white. And the house should be shown in a classy 3-D rendering. I really want it to look very similar to Apple. So there should definitely be light reflections in the house and the house should be animated in a very high quality. This is very important to my customer. I could provide a template for the house if that would help.

From a technical point of view, the animation should be my Lotti animation. As far as I know, Apple uses these to create the effects.

Here you can see how it could work: [login to view URL]

Skills: Applescript, Parallax Scrolling, 3D Rendering, Animated Video Development, 3D Animation

See more: i need a css code, i need an external css, i need css help, i need a 3d animation intro, i need a animation from indian company, i need a animation logo, i need a animation logo for free, i need a freelance php html css, i need a writer for my animation, i need help with walk animation, i need italian animation team, i need to apply for css corp network engineer, what i need to design css, i need css/desing, i need css, I need CSS/Design for a website, i will Provide my logo you need to do logo animation, I need arabic animation video Graphic Design, I need an animation done for my name, similar to the one shown, css svg animation generator

About the Employer:
( 28 reviews ) Stade, Germany

Project ID: #29048299

10 freelancers are bidding on average €562 for this job

(598 Reviews)
9.7
(67 Reviews)
7.6
fauzifau

IM AVAILABLE AND CAN START WORK ASAP Hey! there, I hope you are doing good! My name is Fauzi, a Senior Web Developer & Ui/Ux Designer Why choose me? I have experience of large range projects, including but not limi More

€530 EUR in 3 days
(9 Reviews)
6.6
TaimoorJaved26

Hi, I would love to create your 3D animation as per your requirements Like AIRPODS, TEXTING and other motion as well. I saw your reference link as well and I am pretty sure I can do this. I have several types of animat More

€350 EUR in 5 days
(5 Reviews)
4.3
FreelancerAlim14

Hello, i have done this similar work before and i can do this work very well I have 10 years experience of this type of work i have also 4.9 rating and 50+ reviews you can check my portfolio [login to view URL] More

€500 EUR in 1 day
(13 Reviews)
4.0
mrla11

Hi We are a team of architects designers and Software/IT professionals with clients from all around the world. We read the project description carefully, we are ready to start immediately. Please send a message to d More

€250 EUR in 12 days
(4 Reviews)
3.9
Motionbureauhd

hi there [login to view URL] [login to view URL] [login to view URL] waiting to discuss further about your job. kind regards MB

€500 EUR in 7 days
(1 Review)
2.7
ayesha0124

Hi, How are you? Upon reading brief details I believe its a doable job I have great experience doing projects with Applescript, 3D Rendering, Parallax Scrolling, 3D Animation and Animated Video Development. I am confid More

€750 EUR in 18 days
(0 Reviews)
0.0
AwaisChaudhry

Hi, I have read the details I believe I can do this job. While I believe I have some queries which need to be clarified. For that I would request you to start the chat so we could clarify those. We can discuss the time More

€750 EUR in 10 days
(0 Reviews)
0.0
Christena333

Dear sir, nice to meet you. I have a lot of experience in Lottie filed. Please check and let's discuss. Thank you. [login to view URL]

€750 EUR in 7 days
(0 Reviews)
0.0