Верстка Лендинга за дизайном Figma
Тематика: Plinko
Анімацію, як повинен падати м'ячик Plinko і всі спецефекти можна подивитися за цією ссілкою (потрібно зробити точь в точь):
https://demo.bgaming-network.com/games/Plinko/FUN?play_token=eb9e92d1-81d3-491c-9318-7a389f7dfc28
- Після натискання на кнопку "Spin" шарик зверху починає падати, б'ється об стовпчики і потрапляє завжди в одну і ту ж ячейку з максимальним бонусом (цифрою внизу).
- Візуальний ефект (встряхування) ячейки, коли в неї потрапив м'ячик.
- За м'ячиком рухаються рожеві кружечки (сліди руху).
- Стовпчики, об які б'ється м'ячик, підсвічуються рожевим кольором.
- Кнопка "Spin" активна (збільшується/зменшується) при наведенні курсора змінюється колір "ободка" і "м'ячика з пунктирною лінією" на оранжевий. Після натискання на кнопку, м'ячик починає падати
- Після потрапляння м'ячика в ячейку, спливає Popup "CONGRATULATIONS!".
- Після натискання на кнопку "Grab" перехід на лінку.
<a href="{offer}">REPLACE</a>
- Картинки на лендингах інтерактивні, живі (рухаються трохи вліво/вправо, збільшуються/зменшуються).
- Адаптивність під всі мобільні пристрої.
- Переклад тексту на лендингу автоматичний за мовою пристрою. На виході повинен бути файл, де можна додавати переклади на різні мови. Приклад файлу прикріплюю.
Дизайн Figma
https://www.figma.com/design/sQNNGv4iYqPvRXnmI1M4Wx/For-develop?node-id=0-1&t=9zJDZ9B5vdmUPWd9-1
В Фігмі одразу 2 лендинга, спочатку давайте 1 зробимо, подивимося на нього і потім другий. Перший робимо той, що з трикутником.
Додатки 3
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Веб-дизайн та розробкаПривіт! Для поточного проекту шукаю двох окремих спеціалістів: веб-дизайнера (Figma) веб-розробника (Frontend / WordPress) Проект включає завдання типу: лендинги, інтернет-магазин, адмін-панелі, сайт на WordPress, а також за необхідності невеликі завдання на React / Next.js та… HTML та CSS верстання, Дизайн сайтів ∙ 2 дні 22 години тому ∙ 111 ставок |
Потрібний розробник Друпал Dupal для правок на кількох сайтах.Потрібний розробник Друпал Dupal для правок на кількох сайтах. Сайт розбух і заповнив весь хостинг .. HTML та CSS верстання, Веб-програмування ∙ 3 дні 5 годин тому ∙ 38 ставок |
Оптимізація швидкості сайту WordPress
5092 UAH
повні деталі надішлемо в особисті повідомлення Мета Максимально прискорити завантаження сайту, особливо на мобільних пристроях. KPI (обов'язково) Після завершення робіт необхідно досягти наступних показників. Mobile Performance 90+ LCP менше 2.2 сек INP менше 200 мс CLS менше… HTML та CSS верстання, Javascript та Typescript ∙ 3 дні 20 годин тому ∙ 67 ставок |
Сверстати сайт і підв'язати його до Shopifyзверстати сайт і підв'язати його до shopify на макеті основна сторінка сторінки товарів не буде, буде модальне вікно з вибором обсягу баночки крему та його кількості після вікно доставки та оплати замовлення повинно йти в shopify з повною інформацією про замовлення… HTML та CSS верстання, Веб-програмування ∙ 3 дні 23 години тому ∙ 78 ставок |
Оптимізація сайту
Оптимізація сайту jdgreta.co.uk на Shopify. Сео аудит додано до проекту. Основні завдання - - Виправити всі мета дані - Виконати ТЗ для програміста (оскільки в цьому проекті поєднані завдання для програміста та СЕО, якщо ви не компанія - можете скористатися допомогою) -… HTML та CSS верстання, PHP ∙ 5 днів тому ∙ 33 ставки |
Київ