Адаптивний дизайн сайту електротехнічної орієнтації

Потрібно створити дизайн макет сайту в Figma за наданим референсом. Я надам: приклад сайту (референс), який потрібно максимально повторити за композицією та стилем; всі графічні елементи окремо: статуї; неонові кільця; неонові оверлеї; каміння; частинки; інші декоративні елементи. Генерувати нові об'єкти не потрібно — всі необхідні матеріали будуть надані. Необхідно створити повний дизайн сайту, використовуючи надані матеріали. Основна задача дизайнера: правильно побудувати композицію; підібрати кольорову гаму; оформити типографіку; грамотно розташувати всі елементи; створити сучасний преміальний вигляд сайту.

Є лендінг на тільді, потрібно швидко перекинути таку саму структуру та все максимального схоже на weblium. Є проект сайту на figma, якщо зможете перенести цей же дизайн, то було б класно. Взагальному напишіть чи це можливо з figma зробити, чи це буде робитися з нуля на стандартних елементах конструктора чи якийсь є ще робочий метод перенесення сайтів, дякую Цікавить лише мобільна версія Сайт: https://sergeevich.fun/main

Потрібен UI/UX-дизайнер для редизайну лендингу сервісу Symplexy. Усі матеріали вже підготовлені: чинний макет проєкту у Figma, структура і тексти лендингу, готовий дизайн каталогу нейромереж та референс із бажаною стилістикою і розміщенням блоків. Потрібно зібрати ці матеріали в цілісний сучасний лендинг: використати композицію та дизайнерські рішення з референсу, але адаптувати кольори й візуальну стилістику під каталог Symplexy. Сам каталог змінювати не потрібно. Каталог створений на основі Material 3. Лендинг не обов’язково робити у строгому Material 3, але він повинен візуально поєднуватися з каталогом і використовувати переосмислені елементи цієї дизайн-системи в сучаснішій та виразнішій подачі. Також потрібно створити декілька альтернативних блоків у цій самій стилістиці, але з іншими оферами для подальшого A/B-тестування. Обов’язкові вимоги: досвід роботи з Material 3; впевнена робота у Figma; досвід дизайну сучасних SaaS-лендингів; створення адаптивної версії для мобільних пристроїв. У відгуку вкажіть приклади схожих робіт, орієнтовну вартість і термін виконання.

Технічне завдання Розробка висококонверсійного лендингу курсу «FPV з нуля до професіонала» Мета проєкту Розробити продаючий односторінковий сайт, який перетворює холодний трафік із Facebook, Instagram, TikTok, Telegram та Google у заявки та оплати курсу. Головна мета — переконати людину за 3–5 хвилин, що саме цей курс допоможе їй швидко освоїти FPV, уникнути помилок і отримати практичні навички. ⸻ Цільова аудиторія Основна Новачки без досвіду Військовослужбовці Волонтери Люди, які хочуть освоїти нову професію Любителі FPV Основні страхи Не розумію, з чого почати Куплю неправильне обладнання Витрачу гроші даремно Не розберуся в Betaflight Не зможу зібрати дрон Немає людини, яка пояснить простими словами ⸻ Основна ідея лендингу Не продавати «уроки». Продавати результат. Не «14 модулів». А: Через кілька тижнів ти самостійно обереш комплектуючі, збереш, налаштуєш і піднімеш свій FPV-дрон у повітря. ⸻ Структура лендингу Екран 1 — Сильна пропозиція Велике відео або зображення FPV-дрона в польоті. Заголовок: Освой FPV-дрони з нуля та зберіть свій перший квадрокоптер без зайвих помилок Підзаголовок: Онлайн-курс з пілотування, налаштування та збирання FPV-дронів. Просто, покроково, з практикою. Кнопка: Записатися на курс Під кнопкою розмістити переваги: Онлайн Вічний доступ 14 модулів Підтримка Практичні завдання ⸻ Екран 2 — Чому зараз? Показати, чому FPV — затребувана навичка. Наприклад: Сьогодні FPV-дрони використовуються: в армії; в інженерії; у виробництві; у спортивних змаганнях; у комерційній зйомці. Опанувавши FPV сьогодні, ви інвестуєте в професію майбутнього. ⸻ Екран 3 — Які проблеми вирішує курс До навчання: ❌ Не знаєте, який пульт купити ❌ Не розумієте ELRS ❌ Не вмієте літати ❌ Боітеся Betaflight ❌ Не розумієте електроніку ❌ Втрачаєте гроші на неправильних комплектуючих Після курсу: ✅ Збираєте FPV самостійно ✅ Налаштовуєте Betaflight ✅ Розбираєтесь в електроніці ✅ Літаєте впевнено ✅ Економите десятки годин навчання ⸻ Екран 4 — Як проходить навчання Показати шлях учня. Крок 1 Обираємо обладнання. ↓ Крок 2 Вчимося літати в симуляторі. ↓ Крок 3 Вивчаємо електроніку. ↓ Крок 4 Налаштовуємо апаратуру. ↓ Крок 5 Вивчаємо Betaflight. ↓ Крок 6 Збираємо власний FPV-дрон. ⸻ Екран 5 — Програма курсу Красивий таймлайн. Розділити на блоки. Основи Класифікація FPV Конструкція Рами Електроніка FC ESC Мотори Пропелери Зв’язок ELRS Crossfire Відео Антени Налаштування Betaflight OSD Телеметрія Практика Повне збирання FPV-дрона ⸻ Екран 6 — Що ви отримаєте Іконки. ✔ Відеоуроки ✔ Практичні завдання ✔ Покрокові інструкції ✔ Чек-листи ✔ Налаштування ✔ Підтримку ✔ Вічний доступ ✔ Оновлення курсу ⸻ Екран 7 — Чому мені можна довіряти Фото викладача. Коротка історія. Наприклад: Понад 3 роки досвіду роботи з FPV. Зібрані десятки дронів. Постійне тестування нових комплектуючих. Практичний досвід налаштування Betaflight, ELRS та збирання FPV під різні задачі. Головна мета курсу — пояснити складні речі простою мовою. ⸻ Екран 8 — Відгуки Відеовідгуки. Фото учнів. Скріншоти переписок. Фотографії дронів, зібраних учнями. ⸻ Екран 9 — Що входить у вартість Наприклад. Ви отримуєте: ✔ 14 детальних модулів ✔ Доступ назавжди ✔ Оновлення курсу ✔ Підтримку ✔ Практичні завдання ✔ Усі матеріали Вартість окремо: Відеоуроки — 4 000 грн Практика — 3 000 грн Налаштування — 2 000 грн Чек-листи — 1 500 грн Разом — 10 500 грн Сьогодні вартість курсу: 7 000 грн ⸻ Екран 10 — Бонуси При покупці сьогодні: Налаштування Betaflight Підбір комплектуючих PDF-шпаргалки Список перевірених магазинів Список рекомендованих компонентів ⸻ Екран 11 — Відповіді на запитання Закрити всі заперечення. Чи потрібен досвід? Чи потрібен власний дрон? Чи можна навчатися ввечері? Що робити, якщо нічого не розумію? Чи є підтримка? Чи назавжди доступ? ⸻ Екран 12 — Фінальний заклик Великий емоційний блок. Перестаньте відкладати. Через місяць ви можете або продовжувати дивитися відео на YouTube, або вже самостійно зібрати свій перший FPV-дрон. Кнопка: Записатися на курс Під кнопкою: Кількість місць може бути обмежена. ⸻ Стиль сайту Асоціації: DJI Tesla Apple SpaceX Мінімалізм. Темний фон. Акцентний колір: помаранчевий або синій. Багато повітря. Великі зображення. Сучасна типографіка. Невеликі анімації. Максимум уваги до кнопок. ⸻ Основні маркетингові тригери Економія часу Економія грошей Покрокова система Просте пояснення Практика Підтримка Затребувана професія Вічний доступ Реальний досвід викладача Соціальний доказ Обмежена ціна або бонуси ⸻ Додатково Необхідно передбачити: закріплену кнопку «Записатися» при прокрутці; кнопку Telegram у кожному ключовому блоці; форму заявки після кожних 2–3 екранів; можливість у майбутньому додати онлайн-оплату, відеоуроки, відгуки та нові тарифи без переробки дизайну. Головний критерій якості — не кількість ефектів, а здатність лендингу утримувати увагу та послідовно вести відвідувача до покупки курсу. Сайт сделать на конструкторе weblium. Подключить пиксель FB, автоплату

Нам потрібно зробити дизайн у фігмі з html файлів (все розміщу в документі до задачі) Щоб ми потім могли наверстати ці всі сторінки в конструктор сайтів Максимальний акцент на мобільному дизайні та адаптивності, весь трафік звідти Це буде основна сторінка сайту + чек-аут сторінка + 2 сторінки з допродажами (1 товар - 1 сторінка) Взагалі задача, щоб вони були підготовлені до верстки і з адаптацією під мобільні пристрої На диску буде головна + чек-аут + 1 сторінка допродажу + наш логотип (ставимо всюди), взагалі адаптуємо в усіх сенсах під наш бренд Останній дизайн знаходиться ось за цим посиланням https://3plus3.heroman.com.ua/upsells/t-shirt/ Футер внизу на всіх сторінках ставиться всюди, як на головній сторінці (the Rich) Логіка воронки продажів Головна сторінка чек-аут допродаж 1 допродаж 2 Сторінка дякую (вона є у нас) ССИЛКА НА АРХІВ З СТОРІНКАМИ https://drive.google.com/drive/folders/1IKh0sTVd6WCIUm0QSBFctRlaD6iEasez?usp=sharing