Створити сторінки сайту
Розглядаємо next.js + можливо supabase
Сам сайт зараз на вордпрес.
Дизайн сторінок, які потрібно зробити, тут ще зі старим дизайном, потрібно зробити під новий:
https://www.figma.com/design/UuzQKZtJEwTexfwntetCPr/Untitled?node-id=0-1&t=jdYnSZiYis10C68h-1
Як зробити новий дизайн:
https://www.figma.com/design/8YsvE5Zpjb1oJGLw1pw7Zg/SuperTrust?node-id=2037-2&t=xp6dVIG1UAN9BEly-1">https://www.figma.com/design/8YsvE5Zpjb1oJGLw1pw7Zg/SuperTrust?node-id=2037-2&t=xp6dVIG1UAN9BEly-1
Тз: https://docs.google.com/document/d/1u4u0tqNsG7K3XA4GyBV44xdqxDt6W5tReMqhc4qC3sU/edit?usp=drivesdk
Коротке тз:
Також додам конкурента, на якого ми орієнтувалися для створення цих сторінок. В принципі все має працювати як у нього - https://justlife.com/
Мета проекту
Розробка нових сторінок для замовлення послуг і особистого кабінету сайту supertrust.ae з акцентом на:
• адаптивність під усі пристрої (desktop, tablet, mobile);
• покращення UX (швидке оформлення замовлення);
• підтримку багатомовності (EN/RU/AR + RTL);
• SEO та високу продуктивність (PageSpeed ≥ 90).
Архітектура фронтенду
Кожна послуга має сторінку бронювання з формою у кілька кроків (від 4 до 6):
Загальні кроки бронювання:
1. Вибір параметрів (години, матеріали, тип об’єкта тощо).
2. Введення адреси (автозаповнення, карта з draggable pin).
3. Вибір дати/часу.
4. Контактні дані + оплата (готівка, карта, Apple Pay, купон).
5. Частота (одноразово / регулярно).
6. Додаткові кроки — для окремих послуг (вибір клінера, розклад тощо).
Компоненти (React)
Загальні:
• BookingStepper — контейнер кроків.
• BookingSummarySticky — блок з розрахунком вартості.
• MapComponent — Google Maps з draggable піном.
• LanguageSwitch — перемикач мови.
• ToastNotification — сповіщення (успіх, помилка, автозбереження).
За кроками:
• HoursCleanerSelector — години та кількість клінерів.
• MaterialSelector — вибір матеріалів.
• FrequencySelector — регулярність (One-time, Weekly тощо).
• CalendarTimePicker — вибір дати/часу.
• PhoneInput — з прапорами та валідацією.
• PromoCodeInput — валідація промокоду.
• PaymentMethods — кнопки та форми оплати.
• ClientInstructionsInput — textarea з автозбереженням.
API
Приклади:
• GET /api/services — список послуг.
• GET /api/combo-packages — список пакетів.
• POST /api/booking/save — проміжне збереження.
• POST /api/booking/calculate — розрахунок кінцевої суми.
• POST /api/booking/confirm — підтвердження бронювання.
• GET /api/translations — завантаження JSON-файлів локалізацій.
• GET /api/booking/start?serviceId={id} — перехід до бронювання.
Поведение и UX
• Автозбереження кожного кроку в localStorage.
• При поверненні на сайт — модальне вікно “Продовжити незавершене замовлення?”.
• Реакції інтерфейсу:
• Поля: зелена/червона обводка при успішній/помилковій валідації.
• Спінери: при завантаженні, валідації та оплаті.
• Toast: підтвердження збереження/помилки.
🌍 Багатомовність
• Мови: EN / RU / AR (RTL).
• Переклади зберігаються у JSON, підвантажуються через CDN.
• Всі текстові елементи, кнопки, помилки та повідомлення повинні підтримувати i18n.
SEO & Performance
• URL виду /services/sofa-cleaning.
• Мета-теги та ALT для всіх зображень.
• Schema.org розмітка (Service, Offer, Review).
• Lazy loading зображень та іконок.
• Кешування та завантаження через CDN.
• Швидкість завантаження сторінки: ≤2 секунди.
• Google PageSpeed: ≥90.
Інтеграція аналітики
• Google Analytics 4 (GTM)
• Події: start_booking, complete_booking, apply_coupon, referral_click
• Hotjar або аналог
• Теплові карти, сесії
Підключення оплати через Stripe
Панель адміністратора (адмінка)
Мета
Створити зручну, безпечну та адаптивну панель адміністратора для управління всіма послугами, пакетами, цінами, знижками сайту, без залучення розробника.
Основний функціонал
1. Послуги та пакети
• Додавання нових послуг/пакетів (назва, опис, зображення).
• Редагування:
• Цін (базова та стара/зачеркнута);
• Знижки у відсотках або в AED;
• Опис, переваги, структура;
• Управління категоріями (наприклад: Steam Cleaning, Disinfection, AC Cleaning).
• Сортування (популярні, новинки, за зменшенням ціни тощо).
• Активація/деактивація послуги (видимість на сайті).
2. Гнучке ціноутворення
• Можливість вказувати:
• Базову ціну;
• Акційну ціну;
• Автоматичний розрахунок відсотка знижки (або навпаки);
• Включення тимчасових акцій (дата початку/завершення);
• Налаштування спеціальних цін за умовами (наприклад, для 2 BHK + steam cleaning — 499 AED).
3. Управління додатковими послугами
• Додавання додаткових опцій (наприклад, “Еко-матеріали” +75 AED);
• Прив’язка дод.
послуг до основної;
• Включення/відключення з форми бронювання.
4. Редагування перекладів
• Прямий інтерфейс для редагування текстів на EN / RU / AR;
• Переклади зберігаються у вигляді ключ-значення (JSON), завантажуються через CDN;
• Окремі вкладки: “Послуги”, “Кнопки”, “Повідомлення”, “Підказки”.
6. Замовлення
• Перегляд усіх замовлень:
• За датою, клієнтом, послугою, статусом;
• Деталі оплати (Stripe/готівка, сума, промокод);
• Позначка виконано/у процесі/скасовано.
Технічні вимоги
• Інтерфейс: адаптивний (десктоп + планшет), UI-бібліотека — React (наприклад, MUI, Ant Design).
• Аутентифікація: захищений вхід, ролі користувачів (admin/editor).
• Бекенд: REST API або GraphQL (сумісний із поточною архітектурою сайту).
• Безпека: CSRF, JWT, HTTPS, логування дій (audit log).
-
30 днів51 456 UAH
1131 2 0 30 днів51 456 UAHДобрий день
Реалізую проект з урахуванням ваших вимог на Nextjs 15, TailwindCSS 3/4, API, Prisma, PostgreSQL/Supabase з деплоєм на Vercel.
Більш детально можемо обговорити у ЛС
-
1 день1286 UAH
654 2 0 1 день1286 UAHДобрий день!
Ознайомився з ТЗ, Figma-макетами та структурою проєкту — виглядає серйозно і дуже системно. Маю релевантний досвід у створенні адаптивних багатомовних сервісів на Next.js + Node.js, з авторизацією, підключенням Stripe, реалізацією кастомних форм, особистих кабінетів та адмін-панелей.
Що готовий реалізувати:
1.Багатокрокову форму бронювання з усіма описаними сценаріями (вибір послуг, мапа, дати, купони, оплата, регулярність)
2.Адаптивний UI з підтримкою RTL (арабська мова) через i18n та dynamic dir
3.Інтеграцію з Google Maps API (автозаповнення, draggable marker)
4.Оплату через Stripe (включаючи Apple Pay), застосування купонів
… 5.Локальне збереження кроків, toast-повідомлення, автосейв
Реалізацію кабінету користувача та адмін-панелі (керування послугами, цінами, перекладами, статусами замовлень тощо)
Передбачаю реалізацію безпечної авторизації (JWT, CSRF, HTTPS), систему ролей (admin/editor), захищені ендпоінти.
Технології:
Next.js, React, TypeScript, Tailwind або MUI, Node.js/Express, MongoDB або PostgreSQL, Google Maps API, Stripe SDK, i18next / next-intl
Готовий працювати поетапно:
Спочатку — основні сторінки бронювання, потім — особистий кабінет, далі — адмінка.
Буду радий обговорити деталі реалізації, строки й формат співпраці.
-
1 день1286 UAH
162 1 день1286 UAHЗдравствуйте.
З інтересом ознайомилася з вашим проектом. Впевнена, що зможу зробити ефективну та якісну роботу, відповідно до ваших вимог і очікувань. Досвід роботи понад 8 років.
-
14 днів25 728 UAH
2830 19 0 14 днів25 728 UAHДобрий день. Можу зробити на Next.js без дизайну, верстаю все адаптивно на чистому CSS. Якість та оперативність роботи гарантую.
Пишіть , буду радий співпраці!
-
30 днів51 456 UAH
530 4 0 30 днів51 456 UAHПривіт!
Дуже зацікавив Ваш проєкт. Готовий допомогти.
Про себе: Маю 4+ роки досвіду у Front-End React.js/Next.js лише у великих комерційних проектах. Я працював у великих командах, але також маю досвід самостійної розробки.
Мій GitHub: https://github.com/virus231
Linkedin: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Рейт за годину: 20$
Звертайтесь!
-
30 днів56 602 UAH
8817 27 0 1 30 днів56 602 UAHПроєкт можна реалізувати на Next.js + Supabase. Будуть враховані:
мультишагова форма бронювання
інтеграція Google Maps, Stripe
підтримка EN / RU / AR + RTL
адаптивність під усі пристрої
…
висока продуктивність і SEO
адмінка для управління послугами, цінами, замовленнями і перекладами
Готовий запропонувати етапи розробки та оцінку термінів.
-
15 днів61 748 UAH
906 3 0 15 днів61 748 UAHПривіт!
Я інтегрував MERN + Sanity(CMS) з вебсайтом WordPress університету UMCH у Німеччині.
Він у моєму портфоліо, і ви можете його переглянути.
Також маю багатий досвід використання тем React, таких як MUI та Ant Design.
Давайте спробуємо.
Дякую.
-
1 день1286 UAH
2656 40 0 1 день1286 UAHЗдравствуйте. Зроблю. Пишіть, буду рада співпраці
Здравствуйте. Зроблю. Пишіть, буду рада співпраці
-
10 днів36 019 UAH
173 10 днів36 019 UAHПривіт, Дякую за вашу детальну інформацію
Я уважно прочитав ваш опис і повністю його зрозумів.
Як розробник повного стеку, я маю достатній досвід у React/Next.js, supabase, інтеграції Stripe і можу успішно створити ваш фронтенд і бекенд.
Давайте обговоримо детальніше!
З найкращими побажаннями
-
3 дні16 981 UAH
183 2 0 3 дні16 981 UAHЗдравствуйте. Можу зробити на nextjs без дизайну, верстаю все адаптивно на чистому css. Пишіть.
Приклади робіт:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
-
14 днів10 291 UAH
422 1 0 14 днів10 291 UAHДоброго дня!
Мене дуже зацікавила ваша пропозиція. Я — FullStack Web-розробник із досвідом у таких стеках, як PERN, MERN, PEVN, MEVN. Працюю з сучасними технологіями: Node.js (NestJS), React.js (Next.js), PostgreSQL та іншими інструментами з екосистеми JavaScript.
Ось що я можу вам запропонувати:
- Чистий та підтримуваний код — використовую ESLint і Prettier, щоб код був структурований, читабельний та легко підтримувався;
- Зрозуміла архітектура — вся структура проєкту буде логічною, без хаосу й «заплутаних лісів»;
- Сучасні технології — використання актуальних рішень як на фронтенді, так і на бекенді;
- Якісна й своєчасна розробка — працюю відповідально, дотримуюсь дедлайнів;
… - Адаптивний дизайн в pixel-perfect;
- Локалізація сайту;
- SEO — оптимізація для пошукових ботів;
- Чітке виконання вимог — усе буде реалізовано відповідно до поставленого ТЗ.
Якщо ви шукаєте якість, чисту архітектуру та відповідального виконавця — я на зв’язку!
-
20 днів36 019 UAH
512 20 днів36 019 UAHПривіт! Я ознайомився з вашим детальним брифом та дизайнами у Figma, це надійний та захоплюючий проект. Я можу допомогти вам оживити його за допомогою Next.js та Supabase (або іншого стеку, якщо потрібно), забезпечуючи повну адаптивність, багатомовну підтримку (включаючи RTL для арабської), та плавний UX бронювання з оптимізованою продуктивністю. Інтеграція Stripe, панель адміністратора, SEO та налаштування аналітики — все враховано. Обговоримо терміни та як зробити SuperTrust видатним.
З нетерпінням чекаю на співпрацю!
Freelancehunt
-
20 днів36 019 UAH
318 20 днів36 019 UAHПривіт! Це звучить як міцний, добре структурований проект із чітким напрямком. Я з радістю допоможу втілити ваш новий процес бронювання та сторінки особистого кабінету за допомогою Next.js та Supabase. Файли Figma та технічна документація створюють чудову основу. Я переконаюся, що все працює гладко, виглядає сучасно на всіх пристроях і відповідає цільовим показникам щодо продуктивності та SEO. Давайте зв’яжемося та обговоримо наступні кроки!
Freelancehunt
-
20 днів36 019 UAH
466 20 днів36 019 UAHПривіт! Цей проект виглядає дуже захоплююче, особливо з переходом на Next.js + Supabase. Я ознайомився з дизайнами у Figma та технічною документацією, і зрозуміло, що це добре продумана розробка. Я можу допомогти реалізувати все: від динамічного багатоступеневого процесу бронювання до локалізації, платежів Stripe та SEO-оптимізацій, все з чистим, адаптивним фронтендом і високопродуктивною архітектурою. Давайте узгодимо ваші терміни та командну організацію, щоб все рухалося гладко!
Freelancehunt
-
15 днів23 155 UAH
513 3 0 15 днів23 155 UAHПривіт, можу зробити роботу, маю досвід у цьому напрямку більше 3 років, шоу кейси є. Пишіть, домовимося про ціну.
-
15 днів36 019 UAH
13013 67 0 15 днів36 019 UAHВітаю! Виконаю ваше завдання швидко і якісно.
Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами!
-
20 днів25 728 UAH
1047 11 1 20 днів25 728 UAHПривіт!
Готовий взятися за реалізацію проекту — маю досвід з Next.js, Supabase, Stripe, багатомовністю (включаючи RTL), а також побудовою складної структури бронювання та адміністративних панелей.
Повністю ознайомився з ТЗ, дизайном у Figma та прикладами. Впевнений, що зможу виконати завдання якісно і в строк, з урахуванням усіх вимог щодо UX, SEO та PageSpeed.
Також пропоную розбити роботу на логічні етапи, щоб вам було зручно відслідковувати прогрес і коригувати пріоритети.
Буду радий обговорити деталі та приступити до роботи!
-
30 днів102 913 UAH
17096 36 0 30 днів102 913 UAHПривіт Маріє,
Дякую за вашу видатну та детальну документацію. Як розробник Full Stack, який успішно створив понад 15 готових до виробництва додатків за допомогою Next.js, ваш проект ідеально підходить.
Я ретельно проаналізував технічні характеристики. Я використаю свій досвід у TypeScript, Tailwind CSS та PostgreSQL для створення високопродуктивної багатоступеневої форми бронювання з повною підтримкою RTL та гнучкою панеллю адміністратора, яку ви вимагаєте. Мій міцний фундамент у алгоритмах та структурах даних буде ключовим для досягнення вашої цілі PageSpeed понад 90.
Я пропоную структурувати цей проект у два основні етапи: потік бронювання для клієнтів, потім панель адміністратора.
Мій професійний кошторис для повного обсягу робіт становить €2000 протягом 5 тижнів. У мене вже розроблена архітектура компонентів і я готовий обговорити план реалізації.
…
З найкращими побажаннями,
Реваз Гогуадзе
-
ТЗ Сайту на 100 ст для розробки декількох сторінок ? Щось не клеїться.
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Оновити кастомний фронтенд на Prestashop
10 000 UAH
Потрібно доопрацювати та оновити кастомну тему інтернет-магазину на PrestaShop. Дизайн вже існує, але були внесені правки (вирівнювання елементів, UI-адаптації), які потрібно акуратно інтегрувати та довести до стабільного вигляду. Задачі: Оновлення та оптимізація кастомної теми… HTML та CSS верстання ∙ 1 година 3 хвилини тому ∙ 13 ставок |
Webflow розробник для заповнення сторінок портфоліо на сайтіЄ сайт розроблений кастомно на вебфлоу для будівельної компанії, потрібно швидко заповнити сторінки проектів за одним шаблоном (замінити картинки і тексти) Для 2 мов Кількість - 6 штук Готові починати asap, дякую! HTML та CSS верстання, Веб-програмування ∙ 1 день 19 годин тому ∙ 48 ставок |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОпис проєкту:Шукаємо досвідченого WordPress-розробника для верстки та посадки готового дизайн-макета з Figma на CMS WordPress. Важливий контекст проєкту:Це не розробка сайту з нуля. Компанія має діючий сайт, ми оновлюємо структуру та дизайн. Нам необхідно реалізувати головну… HTML та CSS верстання, Веб-програмування ∙ 2 дні тому ∙ 74 ставки |
Переніс сайта з опенкарту на платформу ХорошопДобрий день. Є сайт на опенкарті, інтернет магазин. Потрібно перенести струкутуру сайту на платформу хорошоп, підібрати дизайн для нового сайту та зробити його повноцінно працюючим HTML та CSS верстання, Веб-програмування ∙ 2 дні 20 годин тому ∙ 41 ставка |
Потрібен сильний WordPress / WooCommerce спеціаліст для доопрацювання сайту MARSPROШукаємо відповідального фрілансера або невелику команду для якісного завершення та технічного доопрацювання сайту компанії MARSPRO. Сайт вже працює, але після попереднього розробника залишилось багато дрібних і важливих технічних проблем. Нам потрібна людина, яка зможе не просто… CMS, HTML та CSS верстання ∙ 3 дні 21 година тому ∙ 45 ставок |
Німеччина