Лендінг з анімаціями
2 .Шаблон повинен бути адаптивним і правильно відображатися на всіх пристроях.Мобільна версія шаблону в додатку.3 .Шаблон повинен бути оптимізований, мати високу швидкість завантаження і високий рейтинг від Google PageSpeed.ЧетвертийВсі графічні елементи повинні бути векторними (крім зображень).Всі векторні елементи представлені в макеті як смарт-об'єкти, з легкістю відкриваються в ілюстраторі для експорту в svg.5 .Всі кнопки ведуть по посиланням, без попіп вікон.Посилання для кнопки і посилання для посилань у футері надаю в процесі.6 .На лендингу використовується 1 єдиний шрифт "Gotham Pro".Шрифт буде наданий в архіві з макетом.7 .На сайті використовуються ікони з пакету Material Design.Шрифтових іконів на сайті мало, тому ікони необхідно перетворити в svg зупинені, щоб не навантажувати лендінг надлишковою вагою.Пакет іконів Material Design додається в архіву.8 ІУсі ефекти вказування на сайті повинні бути плавними, завдяки транзиції.Кнопки і ховер на них реалізувати з цього прикладу https://codepen.io/lukemeyrick/pen/wJRozV
9 .Навігація сайту (меню) - відсутня.ДесятьВідео - втрачається з ютуб у існуючому вікні або в напливаючому, якщо це дозволить заощадити ресурси для швидкого завантаження сторінки.Анімації на сайті - важливі і необхідні!1 .При скрулі вниз ракета "літає" в напрямку, в якому вона дивиться.Вулни рухаються з нею, «розпливають» по діагоналах вгору з різною швидкістю, заповнюючи екран космосом.Контент переміщається вгору, на місці першого екрану з'являється другий.2 .У космосі іноді падають зірки.Можна випадково, з різною швидкістю і різноманітною кількістю.Але це не повинно бути «спамом».Іноді не навантажуючим.3 .У космічному просторі іноді мертвують зірки.Не часто, не навантажуючи.ЧетвертийКосмос під час скрулінгу рухається з паралаксом.5 .Монета біткоїну, планети і штучний супутник реагують на рух миші (мішуються), з різною швидкістю, на різні відстані.6 .З телефоном також хотілося б ефект руху в просторі, Можлива реакція на мишу або, якщо вдасться досягти 3D ефекту - легкий поворот.Якщо ні, то ідеї вітаються.7 .Ракета на останньому екрані - якщо можливо, потрібно зробити її плавне переміщення в просторі, визначити траекторию.8 ІПри можливості зробити анімацію хвиль у скрулі на інших екранах.Це не обов'язково, але якщо вдасться реалізувати, то буде чудовим доповненням до ландінгу.9 .Поява контенту при скрулі вниз і приховування при зворотному скрулі вгору.Вітаються ідеї з анімації з боку розробника.Готова до обговорення.
Додатки 2
Результати роботи
Відгук замовника про співпрацю з Юрієм О.
Лендінг з анімаціямиЯ намагаюся бути об'єктивним.Завдання перед виконавцем стояло досить конкретно, в ТЗ описано багато деталей, був конкретний макет, але робота велася досить хаотично, не дотримувався дизайну-макет і просто ігнорувалися вказівки в технічному завдання.В результаті - на тиждень відкладений проект, десятки годин тестування і пряки.Дуже роздратований той факт, що мені довелося витрачати колосальну кількість часу на перевірки і тестування, Юрій не перевіряв за собою роботу, не зірвався з макетом і ТЗ і не перевіряв роботу адаптива.Проект не простий, не прихований, але в значній мірі було достатньо зрозуміло підхід виконавця до роботи.Але!В кінцевому підсумку після часу і муки нам вдалося досягти того результату, до якого прагнули.Я пишу позитивний відгук, саме тому, що Юрій не відкинув проект і довів його до кінця, в процесі був терплячим, незважаючи на моє досить очевидно невдоволення результатом і процесом.Хотілося б більше професіоналізму і якості роботи, так що клієнт не тестував роботу за розробника.
Відгук фрилансера про співпрацю з Денисом Х.
Лендінг з анімаціямиБув взятий ландінг на врістку з першого погляду простий, з анімаціями, - але в ході робіт довелося витрачати на даний ландінг в два рази більше часу на роботу (+ близько 5 днів роботи додатково), переробки і т.д. Проводилася активна переписка і доправки по ландінгу кожен день. В результаті все ж врістка була зроблена повністю так, як цього хотів замовник по максимуму. Рекомендую виконавцям розраховувати в Тз Деніса кілька разів, уточнити повністю всі дрібні відтінки до початку робіт, виписуючи, що можна буде зробити і яким чином (потратив на це краще день навіть, може і зруйнувати частину ландінгу до затвердження умов, при цьому відразу описуючи, що ще потрібно допрацювати дизайнеру або переробити для виконання вірстки), що б потім не виникло проблем з здачею проекту. Денісу все ж дякую за детальні відповіді під час перевірки, і що з розумінням відносилося до термінів, які потрібно було додатково витрачати на добування і т. д. Комунікація відбувалася доброзичливо і з розумінням.
-
31 Добрий день !Я ознайомився з вашою задачею "Верстка ландінга з анімаціями" і готовий піти до якісного виконання.Знайомився з макетом та описом вимог.1 .Зробити сайт адаптивним і кросбраузерним;
2 .Анімація здійснюється за допомогою jQuery.
3 .Відео: чи можу я зробити так, що він буде потоплюватися, коли користувач натискає на кнопку плей (що б сайт працював швидше) або вам потрібно, що він був би на сайті за замовчуванням потоплений?Якщо це організовується, давайте все обговорюємо в ЛС або в іншому месенджері.Вартість виконання: 2000 грн.Термін виконання: 7 днів.Працюю за предлпдатом або через безпечну угоду.Приклади моїх робіт:
- https://arch-style.com.ua;
- HTTP://advocation.agency
• https://all.law
- https://topcases.com.ua (заповнив вірш для товариша дизайнера - може підтвердити);
Особливості роботи зі мною:
* Відповідально ставиться до роботи; (якщо не зможу виконати, не буду подавати заявку)
… • уважно ставитися до дрібних;
• здійснювати свою роботу в визначений термін;
* цінувати свій час і час замовника;
• технічна підтримка протягом тижня після виконання замовлення;
З найкращими бажаннями!Чекаємо на Вашу відповідь!
-
3657 92 3 2 Деніс – вітаємо Вас!
Дуже цікавий ландінг! Будемо раді працювати з вами. Досвід роботи з анімацією більше 8 років.
Детальніше в особистому листі.
-
2276 114 1 Здоров’я Спеціалізуюся на адаптивній верстиці.
Я створюю чистий, дійсний, компактний і кросбраузерний код
(scss+gulp, flexbox, оптимізація за google page speed, валідація, налаштування форм, анімація і т.д.)
Роботи в портфоліо профілю. Будемо раді співпраці.
-
248 18 2 Здоров’я Деніс, я можу зробити будь-яку анімацію, можливо реалізацію і хвилі, є вже ідеї щодо анімацій, буду використовувати легку бібліотеку, яка не вплине на швидкість.
Щодо верстки все зрозуміло, буде красиво якісно.
Зверніть увагу, я буду радий створити якісний продукт для вас.
-
220 1 0 Доброго часу дня! Мені зацікавилася Ваша пропозиція!
Звертую якісно і в зазначені терміни, адаптивно і кросбраузерно.
Мої роботи :
Freelancehunt
-
193 1 0 Добрий день Денис!
Верстка адаптивна кросбраузерна, ідеальна відповідність з дизайном.
Високоякісна анімація.
Давайте поговоримо про деталі.
Приклад прикріплюється.
-
3020 27 0 Доброго дня, я виконаю всі ваші вимоги. Швидко і якісно.
Детальніше про те, що я можу вам надати:
Аналіз сайту та реклами.
Структуризація сайту.
Унікальний дизайн (лог)
Розробка сайтів та реклами.
- Оптимізація
… - Просувати вас в Інтернеті.
- Навчання
- SEO
СЕРМ
СММ
З повагою Васильє!
-
225 Добрий день ! Мені називають Елена.
Наша команда – це фахівці, а не виконавці.
Ми завжди працюємо індивідуально Ніякі шаблони.
Що ми пропонуємо:
1 . Індивідуальний дизайн або стилізація шаблону
2 . Адаптивний верст
3 . Посадка на CMS та програмну частину
Четвертий Допоможіть з хостом і доменом
… 5 . Безкоштовна технічна підтримка.
У подальшому ми можемо займатися просуванням. На Вашому проекті буде працювати команда тільки сертифікованих фахівців.
Оплата будь-яким зручним способом.
Завжди на зв’язку! 7 днів на тиждень.
Перед тим, як працювати з нами, корисно ознайомитися:
Наші рекомендації: http://exeo.com.ua/rekomendatsii
Наші каси: http://exeo.com.ua/cases
Наш портфель: http://exeo.com.ua/cases
-
493 33 1 1 Добрий вечір - з великим задоволенням взяти за ваш проект, добре дуже цікавий - хотів би себе в колекцію, анімації зробив неодноразово - якщо цікаво надаю портфоліо.
З повагою Іллі
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 5 годин 49 хвилин тому ∙ 13 ставок |
Налаштування інтернет-магазину тканин на WordPress + WooCommerce за шаблоном Astra
14 789 UAH
Потрібно налаштувати та підготувати до роботи інтернет-магазин меблевих тканин для ринку Норвегії. Домен, хостинг та WordPress уже встановлені: eximtextilnordiq.com Сайт потрібно зробити не з нуля і без індивідуального програмування, а на готовому безкоштовному шаблоні Astra,… CMS, HTML та CSS верстання ∙ 10 годин 42 хвилини тому ∙ 48 ставок |
Сайт реберня-піцеріяКлієнтська частина — динамічне меню з Firebase, категорії з вкладками, картки страв з фото і цінами, підтримка двох розмірів (піца 30/40 см), адаптивний мобільний дизайн, бічне меню з контактами і локацією. Адмін-панель — авторизація, управління категоріями і стравами… HTML та CSS верстання ∙ 14 годин 33 хвилини тому ∙ 75 ставок |
Потрібно зробити доопрацювання на сайті Modx Evolution CMS 3.1.7
1000 UAH
Розробляється доопрацювання дизайну та верстка сайту, потрібно буде впровадити ці роботи на сайт.Також впровадити деякі доопрацювання на сайті. HTML та CSS верстання, PHP ∙ 15 годин 13 хвилин тому ∙ 22 ставки |
Розробка Minecraft Java Seed Map / Seed Viewer для сайтуРозробка Minecraft Java Seed Map / Seed Viewer для сайтуОпис проєкту Потрібно розробити browser-based інструментMinecraft Java Seed Map / Seed Viewer, який буде працювати на нашому сайті та дозволятиме користувачу ввести seed Minecraft Java Edition і переглянути інтерактивну… C та C++, HTML та CSS верстання ∙ 1 день 7 годин тому ∙ 13 ставок |