Дизайн главной страницы интернет-магазина канцелярский товаров

Заголовок: Розробка сайту з онлайн-конфігуратором ролетних ставнів («build your own shutter»)Про проект: Запускаю новий проект у ніші ролетних ставнів і рулонних дверей. Потрібен фрілансер (або команда), який зробить сайт з нуля — дизайн, сторінки і, найголовніше, інтерактивний 3D-конфігуратор, що дозволяє клієнту самостійно зібрати свою ставню онлайн.За основу ідей можна взяти аналогічні рішення у конкурентів (це референси для натхнення, не наші проекти): rollpro.ca cabanashutters.ca smartwingshome.com** — особливо подобається їх функція самостійної зборки ставні онлайн. Потрібно реалізувати нещо подібне, але краще.Обсяг робіт: Розробка всього сайту цілком: дизайн, верстка, основні сторінки і вбудований конфігуратор продукту. Платформа/стек — на розсуд виконавця (пропонуйте оптимальний варіант і обґрунтуйте вибір).Ключовий функціонал — конфігуратор: Покроковий вибір параметрів: тип ставні, розміри (ширина/висота з валідацією), матеріал, колір, тип управління (ручне / моторизоване), додаткові опції. 3D-візуалізація продукту в реальному часі — модель змінюється при виборі опцій, обертання/перегляд з різних сторін (опціонально) Автоматичний розрахунок реальної вартості (надам цінову сітку) на основі вибраних параметрів. Форма відправки заявки з передачею всієї конфігурації та підсумкової ціни. Можливість адміністратору редагувати опції, параметри та ціни.Загальні вимоги до сайту: Адаптивність (десктоп + планшети + мобільні). Швидка завантаження, SEO-дружня структура. Чистий, підтримуваний код і документація.В відповіді прохання вказати: Приклади схожих робіт — особливо конфігуратора, калькулятори, 3D-візуалізація продуктів. Передбачуваний стек і підхід до реалізації 3D. Орієнтовні терміни і вартість (відкритий до пропозицій). Досвід роботи з інтерактивною візуалізацією товарів.Бюджет і терміни: відкритий для ваших пропозицій — чекаю ваших варіантів з обґрунтуванням.

Потрібно створити дизайн макет сайту в 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, автоплату