Створення анімації на canvas для головної сторінки
Техника анимации: На темном фоне должен располагаться текст, состоящий из точек. Когда пользователь наводит мышкой на любой фрагмента текста, будь то буква или ее часть, текст должен рассыпаться. Помимо этого, на заднем фоне должны плавно левитировать точки, которые должны ускоряться при наведении на них мышкой.
Пример реализованных проектов:
yalantis.com/ (наведите на любую часть буквы Y)
run4tiger.com/ (дождитесь окончания загрузки прелоадера, после чего наведите на любую часть любой буквы слова Амурские тигры...).
Общее видение картины имеется:
prntscr.com/jhozqi – первый слайд.
prntscr.com/jhp0cv – второй слайд
prntscr.com/jhp0nc – третий слайд
prntscr.com/jhp0wu – четвертый слайд
Переключения между слайдами должны осуществляться плавно, с помощью скролла мышки вниз/вверх, при этом слова с предыдущего слайда должны рассыпаться, а слова с нового слайда должны собираться.
На фоне есть маленькие летающие точки, при наведении на них мышкой, они должны разлетаться в разные стороны.
Помимо корректного отображения на десктопной версии, необходимо:
1. чтобы при мобильном разрешении, фон и текст адаптировались, но сам текст должен быть читабельным при мобильном разрешении и иметь небольшие отступы слева и справа от границ дисплея мобильного телефона;
2. чтобы фон анимации не повторялся по вертикали при адаптации, а перестраивался, при этом фон должен всегда "доставать" до верхней части экрана, а не сжиматься, чтобы на его месте не появлялось черного квадрата;
3. фон должен перестраиваться по-вертикали и по-горизонтали, а не сжиматься или повторяться;
4. на мобильном разрешении слайды должны быть заскриптованы: слова должны разлетаться и собираться по очереди, с задержкой в 2-3 секунды.
Відгук замовника про співпрацю з Eduard Karpets
Створення анімації на canvas для головної сторінкиВідмінний розробник, виконаний всі вимоги вчасно.
Відгук фрилансера про співпрацю з Igor Gema
Створення анімації на canvas для головної сторінкиЧудовий замовник, рекомендую
-
Интересный проект, хотелось бы реализовать.
Но пока что сомневаюсь в цене.
-
Igor Gema KOLORO GROUP
Добрый день. Что именно Вас смущает?
-
Если тут есть ребята которые делают такое за 1300 грн, стукните пожалуйста в личку
-
Актуальні фриланс-проєкти в категорії Дизайн сайтів
Редизайн та SEO-оптимізація сайту на платформі Prom.uaТехнічне завдання Сайт: protone.com.uaОсновна мета Необхідно зробити сайт сучасним, візуально привабливим, зручним для користувача та максимально підготовленим до просування в пошукових системах і всередині маркетплейсу Prom.ua. Основний акцент — покращення дизайну, структури… Веб-програмування, Дизайн сайтів ∙ 2 години 12 хвилин тому ∙ 13 ставок |
UX/UI дизайнер / Frontend-креатор: Доопрацювання сайту в стилі ч/б мінімалізму (Моб. + Десктоп)
10 000 UAH
Шукаю талановитого та мислячого фахівця (дизайнера з глибоким розумінням верстки або frontend-розробника з чудовим візуальним смаком), який допоможе довести до ладу веб-сайт. Загальна концепція: Суворий чорно-білий мінімалізм, чіткі прямокутні форми, преміальний та чистий… AI у дизайні, Дизайн сайтів ∙ 5 годин 50 хвилин тому ∙ 34 ставки |
Дизайнер та розробник UX/UI Shopify 2.0 для вебсайту пристрою фізичної терапії
224 343 UAH
Нещодавно я створив компанію, що продає пристрої для фізичної терапії та відновлення, і ми шукаємо досвідченого UX/UI дизайнера + розробника Shopify 2.0, щоб розробити та побудувати висококонверсійний інтернет-магазин. Мета полягає не лише в тому, щоб сайт виглядав чисто. Нам… Дизайн інтерфейсів (UI/UX), Дизайн сайтів ∙ 8 годин 7 хвилин тому ∙ 27 ставок |
Редизайн існуючого сайту WordPress
1000 UAH
Опис проєкту Потрібно покращити візуальний дизайн уже існуючого сайту на WordPress. Сайт готовий та наповнений контентом. Необхідно попрацювати над зовнішнім виглядом, структурою блоків та користувацьким досвідом.Що потрібно зробити: зробити сайт більш сучасним та преміальним;… Дизайн сайтів ∙ 16 годин 16 хвилин тому ∙ 37 ставок |
Сайт для бізнесу в сфері послуг на SquarespaceШукаю досвідченого спеціаліста, який професійно працює з Squarespace 7.1.Основні задачі: створення сайтів з нуля на Squarespace; верстка за готовим дизайном або референсами; адаптація під мобільні пристрої; базове SEO (Title, Meta Description, H1-H3, Alt, URL); налаштування… Дизайн сайтів ∙ 20 годин 50 хвилин тому ∙ 14 ставок |