Switch to English version?

Yes

Переключитись на українську версію?

Так

Переключиться на русскую версию?

Да

Przełączyć się na polską wersję?

Tak

Login
Registration
- Welcome to Freelancehunt
  
  Work risk-free, saving time and money
  
  Login Registration

Post your project for free and start receiving proposals from freelancers within minutes after publication!

67 USD

The main edge with the parallel effect. Models in PSD.

67 USD

HTML & CSS, Website Development, Website Maintenance

6 out of 6

project complete

publication
open for proposals
terms confirmation
reservation
work underway
project complete

Project translated automatically. Log in or register, to view the original

The main consists of 6 scenes with layers that should be moved when scrolling with a parallel-looking effect, as well as 6 text blocks under each of the images with a sliding menu and pop-up windows Registration/Cost/Entry.Basic requirements:Powerful use of HTML5, CSS3, JavaScript, TweenMax, GreenSock Animation Platform (GSAP)The line should be semantic and taking into account the minimum SEO requirements (the number of headlines h1, the attributes author and me to determine the source and protect the text from unwanted copying, etc.The site should be quickly charged.This is the Google PageSpeed Insights green zone (https://developers.google.com/speed/pagespeed/insights/) for computers and mobile devices.Therefore, do not use “heavy” script and libraries.Description: The layers in the scenes should start moving only when the top of the block with this scene reaches the top of the browser window.By the movement of layers to rely on the video below (if you don’t feel the depth, then the speed of the movement of layers will be displayed by yourself).The front layer must move faster than the next, the farest layer must be the slowest.When you move from the image to the text block you need to see a slide menu only in the text block and only at the moment the top of the text block reaches the top of the browser window, as on the site http://www.nytimes.com/projects/2013/tomato-can-blues/index.html
The edge must be adaptive.By browsers: you need that the parallelax effect works in all browsers and the size is attached to the width of the window.The version for tablets is also the paralaks effect for all scenes.Version for phones- scene without parallel.Site for example with the use of this effect:
http://www.nytimes.com/projects/2013/tomato-can-blues/index.html

Code for the example with the use of this effect:
https://codepen.io/romanmak/pen/eaJozd

MARKETS + fonts - https://www.dropbox.com/s/twaaz05vdeyf3q7/CANDY%20FISH%20PSD%20.zip?dl=0

Video how the parallel effect should look for the site with our scenes (made for better understanding of your tasks):

Write on the face of all things.

Уточнение:
3. На сценах имеется значок включения/выключения звука. Планируется на сайте аудио воспроизведение. На каждой сцене свой белый шум, а также поверх шума сама аудио озвучка. То есть нужно, чтобы основная дорожка с голосом шла все время в течение скроллинга всей главной страницы, а на каждой сцене появлялся ее белый шум только тогда, когда эта сцена «в кадре». Но при этом при нажатии на кнопку отключения звука должен отключаться весь звук – и аудио дорожка, и белый шум.

Client's review of cooperation with Dmitry Simonov

Quality

Professionalism

Cost

Contactability

Deadlines

Dmitry is a very responsible executive. Always in contact. He patiently explained many moments and made a large layer of work. I recommend cooperation.

Roman Mak | Safe

Freelancer's review of cooperation with Roman Mak

Payment

Task setting

Clarity of requirements

Contactability

Roman is a decent customer. Always in contact. The project has a clear task and a detailed TZ is applied.
I recommend cooperation.

Dmitry Simonov | Safe

by default date online rating cost completion time

Another 8 proposals concealed

Another 4 proposals concealed

Profile deleted

Здравствуйте. Возможно ли выполнение проекта без СЕО оптимизации?

Dmitry Vinichenko

а в макете сцена картинкой идет - ее самому разрезать ? и типа эффект загорающихся фар - машина уже со включенными на картинке

Roman Mak

Дмитрий, нет. Нарезать самостоятельно ничего не нужно. Я предоставлю все сцены в слоях исполнителю. В каждой сцене от 7 до 10 слоев.
Свет от фар на отдельном слое. При верстке нужно учесть, когда этот слой (фары) при скроллинге появится и начнет двигаться вместе с автомобилем.

Denis Shpot

Машина, поезд и прочее движется произвольно или зависит от скрола, тоесть скролишь вниз и машина едет вправо, вверх скролл - машина назад?

Roman Mak

Денис, вы все правильно описали. Все зависит от скролла. Скролл вниз - машина вправо, скролл вверх - машина назад.

Current freelance projects in the category HTML & CSS

Improvement of site CR conversion 145 USD Improvement of the website's CR conversion. Tasks according to the specifications https://docs.google.com/document/d/1Y7zipbe2IEnFpthYuheAr6QA_50aR2Fz8V14rp5NpNo/edit?usp=sharingBOOK NOW buttonphoto / videoshort textAND IMMEDIATELY the booking formfixed (sticky)to repeat every… HTML & CSS, Web Programming ∙ 4 hours 17 minutes back ∙ 26 proposals	145 USD
Development of an iOS application for online chess similar to (possibly through Vibe Coding) 446 USD It is necessary to develop an MVP mobile application only for iOS. The concept can be based on Chess.com, but without copying the design or code. It is preferable to maximize the use of Vibe Coding/AI to speed up development and reduce costs, but the code must be clean,… HTML & CSS ∙ 17 hours 3 minutes back ∙ 29 proposals	446 USD
We are looking for a specialist in Joomla. Hello everyone, there is a project for which a Joomla specialist is needed. Right now, we need to understand how everything is arranged and what pages exist. Find the registration page and form, and explain how everything works and where the applications go, etc. HTML & CSS ∙ 18 hours 33 minutes back ∙ 24 proposals
Web design and development Hello! For the current project, I am looking for two separate specialists: web designer (Figma) web developer (Frontend / WordPress) The project includes tasks such as: landing pages, online store, admin panels, WordPress site, as well as small tasks on React / Next.js and… HTML & CSS, Web Design ∙ 3 days 20 hours back ∙ 116 proposals
A Drupal developer is needed for edits on several websites. A Drupal developer is needed for edits on several websites. The site has bloated and filled up all the hosting.. HTML & CSS, Web Programming ∙ 4 days 3 hours back ∙ 39 proposals

Roman Mak

Boca Raton 5

The main edge with the parallel effect. Models in PSD.

Client's review of cooperation with Dmitry Simonov

Freelancer's review of cooperation with Roman Mak

Current freelance projects in the category HTML & CSS

Improvement of site CR conversion

Development of an iOS application for online chess similar to (possibly through Vibe Coding)

We are looking for a specialist in Joomla.

Web design and development

A Drupal developer is needed for edits on several websites.