Layout designer

Hello!
I can carefully layout the mobile and desktop versions of two sections 1 to 1 according to your Figma mockup, taking into account all animations and scroll effects. I work with Laravel projects, so I can integrate it into the existing code through Blade/a separate layout without breaking the current structure.

For the first section:
I will implement a sequential change of angles of the 3D car in exact accordance with the screens Start 1 → Toner 1 → Toner 2 → Vinyl 1 → Vinyl 2 → Ceramic → Custom → final 3.
I will set up smooth transitions so that the animation looks just like in the mockup (on click/auto-play/scroll — as laid out in the design).

For the second section (Slide 2 + scroll-telling):
I will create a "scroll within the block" without transitioning to the next section: as you scroll, the slides will smoothly change from Slide 2 → Slide 2_1 → Slide 2_3.
… I will connect your video as a background for Slide 2_1, synchronizing the change of highlighted text with the scroll logic.
For Slide 2_3, I will implement an animation of the block sliding in from the bottom, as in the mockup, with an emphasis on demonstrating the film effect.
I will adapt everything for mobile and desktop resolutions, with smooth animations and adequate performance.

I am ready to discuss the details (on animation timings, scroll triggers, and 3D/video formats) in private messages to assess the deadlines and budget as accurately as possible.

Show original

Translate

Good day!

I have reviewed the layout in Figma and the task description. I can perform the layout of two sections 1:1 according to the design with proper adaptation for desktop and mobile.

What I will implement:
— smooth state transitions of the car in the first section (Start → Toner → Vinyl → Ceramic → Custom → Final);
— scroll storytelling in the second section with a fixed block, video background, and text changes during scrolling;
— neat and smooth animations without jerks;
— clean layout, convenient for integration into Laravel.
…
I have experience in laying out interactive sections and adaptive interfaces.

I am ready to discuss the details and start working.

Show original

Translate

Good day 👋

I have reviewed the layout in Figma and the task description. I have experience in precise 1:1 layout according to the design, as well as implementing complex animations and scroll storytelling (smooth transitions within sections, fixing blocks, changing states while scrolling, etc.).

Regarding the task:

The first section with a 3D model and angle switching — I will implement it carefully, with proper adaptation for mobile and desktop.

The second section with a scroll-tail effect, video background, and step-by-step content change — the logic is also clear, it can be done smoothly and without any "jumps."
…
I work with clean markup + JS (using GSAP for smooth transitions if needed).

Show original

Translate

Good day!

The project is very interesting, just right for my level of expertise. I specialize in complex interactive layout and scroll storytelling, so I will implement these two sections 1:1 with the layout, maintaining perfect smoothness of transitions.

How I will implement the technical aspects:

Section 1 (3D angles): I will create smooth state (angle) transitions for the car. If the model is heavy, I will optimize it so that everything runs smoothly.

Section 2 (Scroll storytelling): I will use GSAP ScrollTrigger to create a seamless transition within the block. The background video will be synchronized with the text change to create a fully immersive effect.
…
Laravel: I will integrate the layout into your project structure without any problems. The code will be clean, logical, and ready for backend deployment.

I guarantee a Pixel-Perfect result and high performance (Lighthouse will be in the green zone). I am ready to start working immediately after receiving the 3D model and video.

Best regards,
Oleksandr

Show original

Translate

Hello! Ready to discuss and complete your order.

Show original

Translate

Good day!
I have reviewed the layout in Figma and the task description. It is necessary to assemble two sections (desktop + mobile) 1:1 with an emphasis on animation, changing angles of the 3D car model, and scroll storytelling within the block. The format is clear: this is not just layout work, but a neat implementation of an interactive presentation section.
I have experience in assembling animated landing pages and image blocks with fixed sections during scrolling, smooth state transitions, and synchronization of text/video. I have worked on projects using Laravel, so I can correctly integrate the layout into the existing structure (Blade, components, asset pipeline).
Here is how I see the implementation:
First section (Start 1 – Final 3)
— sequential change of angles of the 3D model;
— state management through scroll or timeline;
— smooth transitions without "jumps";
— full adaptation for mobile (separate animation logic if necessary).
… Second section (Slide2 + scroll storytelling)
— fixing the block during scrolling;
— smooth state changes within the section;
— transition to Slide 2_1 with a video background and synchronization of active text;
— animated entry of Slide 2_3 from below with correct performance.
I will pay special attention to:
performance (animation optimization, GPU acceleration);
correct operation on mobile devices;
cross-browser compatibility;
clean code for further support.
I work in stages: first, I assemble the desktop version of the first section → approval → adaptive → then the second section. This helps avoid rework at the end.
Timeline: 7–12 working days (depends on the complexity of the 3D model and behavior during scrolling).
Cost: approximately 12,000 – 18,000 UAH. I can provide a more accurate estimate after clarifying the format of the 3D (video/sequence/WebGL) and animation requirements.
I am ready to discuss the details and start working.

Show original

Translate

✔ I will create a responsive design (mobile + desktop)
✔ I will implement a sequential change of angles for the 3D model (Start 1 – Toner 1 – Toner 2 – Vinyl 1 – Vinyl 2 – Ceramic – Final 3)
✔ I will execute scroll storytelling in the second section (Slide2, Slide 2_1 with video background and text change, smooth transition to Slide 2_3 with animation of the block sliding in from the bottom)
✔ Smooth animations without jerks, correct operation within the block
✔ I will prepare clean markup for easy integration into Laravel

Show original

Translate

There is already a similar horizontal scroll, as far as I understand, until we scroll completely, we do not let the user go further down.
https://webprogressor.com

Show original

Translate

Hello! I will complete your task quickly and efficiently.

My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be happy to collaborate with you!

Show original

Translate

Good day!

I will gladly take on your task and complete it quickly and efficiently. I have extensive experience in layout and the Laravel framework. I have worked in a company using the Laravel framework. I have a thorough knowledge of JS. Most of the websites I have created are written in Laravel, so there will be no issues with your site.

We can discuss the details, cost, and deadlines in private messages. I will tell you more about myself in personal correspondence.

Write to me!

Show original

Translate

Hello!
I am ready to layout mobile and desktop versions 1:1 according to your design. I work with Laravel, and I have experience in integrating and developing interactive 3D scenes on Three.js (including changing angles and animating models).
I will assemble the sections carefully pixel by pixel and responsively.

Show original

Translate

Hello! I am interested in the Carpowraps project. I have carefully reviewed the layout in Figma and the task description — I understand the technical requirements and am ready to implement both sections "1 to 1" as in the layout.
What I offer:
✅ First section (3D car):
— I will implement a sequential display of angles (Start → Toner → Vinyl → Ceramic → Custom → Final).
— I will integrate the 3D model you provide (we will discuss the format).
— I will ensure smooth transitions between states.
✅ Second section (Scrollytelling + video):
— I will implement a smooth scroll effect with synchronization of text and video (Slide 2_1).
— Animation of elements "coming in" from the bottom (Slide 2_3) taking performance into account.
… — Responsive version for mobile (without losing visual effect).
✅ General guarantees:
— Pixel Perfect layout from Figma (margins, fonts, animations).
— Full responsiveness (Mobile, Tablet, Desktop).
— Clean, structured code (BEM), ready for integration with Laravel.
— Performance optimization (Lazy Load for video, minification).
Regarding price and deadlines:
Estimated cost: 8,000 UAH for both sections.
Estimated timeframe: 7-14 days (depends on the speed of providing the 3D model and video).
To finalize the price, I would like to clarify:

In what format will the 3D model be? (GLTF, FBX, or is it a ready render in the form of a sequence of images?)
Is there a ready video for Slide 2_1, or do you need help with optimization?
Is integration with Laravel needed from my side, or just the frontend code?

Show original

Translate

Hello. I have extensive experience in website development. I am ready for collaboration.

Show original

Translate

Hello. I have real experience with Three.js. Integration of 3D models made in Blender. GSAP timeline + scrollTrigger. I can provide an example in private messages. To make an accurate assessment, it is necessary to review the 3D model. Feel free to reach out!

Show original

Translate

Hello! I have reviewed the project and am ready to start working. I am sure you will be satisfied with the result.

Show original

Translate

Hello
My name is Dmitry, from King Kong Web
We are ready to build 2 sections of the website 1:1 according to the Figma layout with precise adherence to animations and transition logic. We have experience with complex layouts featuring scroll effects, 3D elements, and custom animations.
The first section with the car in different angles (Start 1 – Toner 1 – Toner 2 – Vinyl 1 – Vinyl 2 – Ceramic – Custom – Final 3) can be implemented through a sequential change of scenes/angles with smooth transitions. If a 3D model is provided, we can correctly integrate it using Three.js or a video/render sequence — we will choose the most performance-efficient option.
The second section with scroll storytelling (Slide2 → 2_1 → 2_3) will be implemented through a fixed block with animations inside during scrolling (without transitioning to the next section until the scenario is completed). We will integrate the video background correctly, taking into account optimization and smooth text transitions. We will make the transitions neat and efficient.
Laravel is not a problem — we can integrate it into the current template without disrupting the project structure.
Estimated cost: 350–500 USD
Timeline: 7–14 working days
Exact estimate after clarifying the format of the 3D (real model or video sequence) and checking the current layout of the project.
…
I am ready to discuss the details and get started.

Show original

Translate

Good day,
I can complete your task quickly and efficiently.
I can adapt your website to any screen width, create interactivity on the site without unnecessary CDNs for optimizing the website's performance.

Feel free to contact me.

Show original

Translate

Good day. I am interested in your order. I have over 10 years of experience in web development, and I have been writing in Laravel for more than 6 years. Please write to me in private messages to discuss the details.

Show original

Translate

I will create the layout of two sections of the website according to the provided design in Figma, ensuring a 1 to 1 reproduction. The first section with a 3D model of a car will be implemented with all specified angles, and the second section with smooth scrolling and a video background will be integrated seamlessly.

I have experience in laying out complex interfaces in HTML and CSS, as well as in implementing animation effects. I have worked on projects that required precision in reproducing designs, including responsiveness for mobile and desktop versions.

What technologies do you plan to use for integrating the layout into Laravel? Are there any specific requirements for optimizing loading speed?

I propose to complete the work for 5000 UAH with a deadline of 7 days.

Show original

Translate