Верстка сайта из дизайна-макета ( Vue.js )

https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Завдання: редизайн сторінки товару та відгуків на головній Сайт уже розроблений і повністю працює. Дизайнер підготував новий дизайн у Figma, який потрібно реалізувати на наявному сайті. Необхідно: зверстати новий дизайн відповідно до макета; інтегрувати його в поточний сайт; адаптувати сторінки під мобільні пристрої, планшети та комп’ютери; перевірити коректну роботу кнопок, форм, меню та інших елементів; забезпечити максимально точну відповідність макету. Розробляти сайт з нуля не потрібно — необхідно лише виконати редизайн і замінити поточне оформлення на нове.

Веб-сайт наразі інфільтрований вірусом. Сайт не працює належним чином. Зокрема, головна сторінка не працює правильно. Нам потрібен розробник, який може виправити цю помилку якомога швидше.

Є сайт який функціонує, потрібно змінити структуру головного меню та створити декілька нових сторінок (вже по тому шаблону що є з тим самим дизайном) Що є: Структура меню: Головна Про нас Послуги: йога з цуценятами, йога+звукова ванна+церемонія з какао, звукова ванна, йога з лами Подарункова картка Блог Контакт Що треба зробити: 1.Змінити структуру меню на наступну: Головна Про нас Щотижневі досвіди Сезонні досвіди Приватні досвіди Подарункова картка Блог Контакт 2.Зробити нові сторінки (каталог послуг) Щотижневі досвіди Сезонні досвіди (на цій сторінці зробити розділення Осінь-Зима, Весна-Літо (або зробити позначки біля кожної картки продукту коли він доступний) Приватні досвіди Ці сторінки зробити на основі сторінки яка є - тобто скопіювати існуючу сторінку і привʼязати до неї сторінки послуг, вони мають відображатись там автоматично, якщо поставити галочку 3. Додати наступні послуги на сторінку щотижневих досвідів: Йога з цуценятами Звукова ванна 4. Додати наступні послуги на сторінку сезонних досвідів: Звукова ванна Bloom Frequency Йога з лами Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Йога, церемонія з какао та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна 5. Додати послуги на сторінку Приватних досвідів: Приватна йога з цуценятами в студії Приватна йога з цуценятами у вас вдома Приватна звукова ванна для одного Приватна групова звукова ванна Приватні звукові ванни та чайні церемонії для команд, лідерів та корпоративних заходів 6. Прикрутити календар системи simplybookme на сторінки: Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна Ця букінг система вже налаштована на сайті, потрібно за таким самим принципом як і зараз привʼязати календар до перелічених сторінок. 6.1. Додати кнопку “очікування” на сторінки: Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна Після того як людина натискає на кнопку - має зʼявитись форма де людина залишає свій мейл, імʼя і відправляє цю форму. З нашого боку клієнту має приходити лист що він потрапив у вейтліст, і нам має приходити сповіщення що хтось додався у вейтлист. Через simplybook не вийде, треба певно робити через форми shopify, або можете запропонувати інше рішення

Є воронка продаж для інтернет-магазину, яку ми хочемо повторити у себе Виглядає вона ось так Основний лендинг (товар, який основний у продажу, наприклад, сорочка) Потім сторінка чекауту (де людина вводить свої дані і вибирає, скільки, наприклад, сорочок вона хоче купити) Потім він йде далі по воронці, і йому пропонують допродаж 1 (шкарпетки) + потім допродаж 2 (труси) і фінал сторінка дякую Як це має працювати в плані переходу по сторінках і логіці, ви можете подивитися тут (потрібно дійти до кінця до сторінки дякую) https://3plus3.heroman.com.ua/standard/ У нас є приклади сторінок, які ми хочемо зробити у себе Тобто для нас по суті ми скопіюємо дизайн - верстатимемо - заповнюватимемо під наш товар Сторінки з допродажами будуть такі ж за дизайном і структурою, як на сайті, що скинув вище (труси) Вам заповнювати не треба буде сторінки інформацією, тільки зібрати скелет - щоб заявка правильно приходила Також придумувати структуру теж не потрібно для сторінок Від вас по суті Скопіювати і сверстати Налаштувати, щоб технічно правильно працювало Показати, як з цим працювати, щоб могли самі це робити Є 2 конструктори сайтів на приміті, з 1 плотно працюємо зараз і потрібно зрозуміти, чи можна на ньому таке розгорнути (але я читав в гпт, що можна)

Завдання Потрібно створити стильний адаптивний email-шаблон за наданим текстом і підготувати його для завантаження в сервіс email-розсилок. Що потрібно зробити Розробити дизайн email. Зверстати адаптивний HTML email. Вставити наданий текст. Підготувати блоки під зображення та іконки. Додати CTA-кнопки. Підготувати посилання з UTM-мітками. Зробити plain-text версію листа. Перевірити відображення в основних email-клієнтах. Підготувати фінальний файл для завантаження в сервіс розсилки. Вимоги до дизайну Потрібен чистий, сучасний, premium-style email. Лист має бути легко читабельним, не перевантаженим, з зрозумілою структурою, короткими текстовими блоками, візуальними акцентами та кількома CTA-кнопками. Технічні вимоги адаптивна HTML email-верстка; коректне відображення на desktop і mobile; table-based layout; ширина контейнера приблизно 600–700 px; inline CSS / email-compatible CSS; кнопки повинні бути HTML/CSS, не картинками; всі важливі дані повинні бути HTML-текстом; зображення повинні мати alt text; без JavaScript; без форм всередині email; коректна робота посилань; підготовка UTM-міток для CTA. Перевірка Потрібно перевірити відображення мінімум в: Gmail; Apple Mail; Outlook; мобільних email-клієнтах. На виході потрібно отримати Готовий HTML-файл email. Plain-text версію. Preview або скріншоти desktop/mobile. Інструкцію, де змінювати посилання, текст і зображення. Файл/версію, готову для завантаження в сервіс розсилки. В відповіді, будь ласка, прикладіть приклади HTML email-розсилок, які ви робили, і вкажіть, з якими сервісами розсилок працювали.