Tech – One-Page Website (Vite + React + TailwindCSS) with Apple-Style Scroll, Email Lead Form + CAPT
22 501 UAHProject Overview
We need a modern, high-performance one-page website built using Vite + React + TailwindCSS.
The site will feature smooth, Apple-style scrolling animations, a single lead form that sends submissions directly to our email (no backend), and a payment button integrated with Stripe.
The complete Figma design (desktop, tablet, mobile) will be provided.
Tech Stack
Vite + React + TailwindCSS (or similar)
GSAP + ScrollTrigger and Lenis (or equivalent) for Apple-style smooth scroll and animations
No backend — static build with form handled via a client-side email service
Deployment: optional, we can discuss
Design & Animation
Pixel-perfect implementation of provided Figma file.
Smooth scroll effects similar to apple.com:
Section pinning and reveal-on-scroll animations.
Parallax motion and cinematic transitions.
Lead Form
Fields: Name, Email, Phone (optional), Message.
Submissions must send directly to our email via a no-backend service:
Acceptable: Getform, Formspree, or EmailJS.
Requirements:
Input validation (required fields, email format).
Loading, success, and error states.
CAPTCHA integration (Google reCAPTCHA v2 Invisible/Checkbox or hCaptcha).
Hidden honeypot field for spam prevention.
“I agree to Privacy Policy” checkbox (link to static privacy section).
Payment Integration
Add one Stripe Payment Link / Buy Button (URL provided).
Opens securely in a new tab or embedded via Stripe’s official method.
Performance & SEO
Lighthouse (mobile):
Performance ≥ 90
Accessibility ≥ 95
Best Practices ≥ 95
SEO ≥ 95
Optimized responsive images (WebP/AVIF, lazy-loading).
Meta tags, OG/Twitter cards, favicon, sitemap.xml, robots.txt.
Semantic HTML and full accessibility compliance.
Deliverables
Fully functional, production-ready one-page site matching Figma design.
Lead form integrated with email + CAPTCHA.
Stripe Payment Link working and tested.
Deployment on Vercel (or Netlify).
Source code in Git repository with:
README (setup, build, deploy, edit form/CAPTCHA/Stripe link).
Comments explaining animation logic and scroll timelines.
Optional short Loom walkthrough (3–5 minutes).
Milestones
Setup & Base Layout (20%) – Project scaffold, basic layout, initial deploy preview.
Static Build (40%) – Full design implementation, responsive layout QA.
Animations & Integrations (30%) – GSAP scroll effects, form email + CAPTCHA, Stripe integration.
Final Polish (10%) – Performance optimization, SEO, deployment & handoff.
What We Provide
Figma design files + all assets/copy.
Our email address for lead delivery.
CAPTCHA keys (reCAPTCHA or hCaptcha).
Stripe Payment Link.
Hosting access (Vercel / Netlify).
Proposal Requirements
Please include:
Description of your approach using Vite + React + TailwindCSS.
Libraries you’ll use for scroll and animation (GSAP, ScrollTrigger, Lenis, etc.).
2–3 examples of Apple-style scrolling sites you’ve developed.
Estimated timeline, milestones, and fixed price.
Post-launch support period.
Односторінковий вебсайт на основі Figma
Single Page website based on Figma
Додатки 1
-
1 день55 422 UAH1 день55 422 UAH
Привіт!
Мене звати Єлизавета, я досвідчена розробниця з 5-річним досвідом у сфері веб-розробки та e-commerce.
Маю досвід розробки подібних сайтів та web-додатків. Ось конкретний приклад, але для автобусних квитків: https://busticket.info/. До розробки цього сервісу також був залучений дизайнер з моєї сторони. Тут використовувався Next.js, Tailwind, typescript.
Ви можете ознайомитись з моїм портфоліоFreelancehunt яке може вас зацікавити і підтвердити мої професійні навички.
Буду рада надати вам більш змістовну оцінку роботи та поспілкуватися про проєкт в приватних повідомленнях!
…
Мій рейт 18 $ / година
Готова відповісти на усі ваші запитання!
Гарного дня!
-
14 днів24 702 UAH
71 14 днів24 702 UAHПривіт,
Я переглянув ваші вимоги. Я розробляю, використовуючи Next.js / React.
Ви можете переглянути приклад моєї роботи на gijastop.vercel.app
— він має анімації прокрутки в стилі Apple.
-
14 днів21 558 UAH
279 14 днів21 558 UAHЯ Селек, засновник і творець власного бренду, який пропонує професійні та комплексні цифрові послуги від програмування до дизайну. Я працюю з HTML, CSS, JavaScript, TypeScript, ReactJS та NodeJS, що дозволяє мені створювати швидкі, функціональні та естетично привабливі веб-сайти та веб-додатки.
Програмування та розробка систем:
Я спеціалізуюсь на Front-End та Back-End областях. Я створюю сучасні користувацькі інтерфейси, використовуючи ReactJS, інтегрую бази даних (SQL, NoSQL – MongoDB), створюю безпечні та ефективні REST API, які адаптуються до потреб бізнесу. Я використовую TypeScript для досягнення ще більшої безпеки та стабільності коду.
Дизайнерські рішення:
Окрім програмування, я пропоную професійний дизайн веб-сайтів, поєднуючи принципи ретро-стилю UI/UX, а фінальні рішення будуть не лише функціональними, але й візуально привабливими. Я також створюю унікальні, запам'ятовувані логотипи, які відображають суть бізнесу. Я використовую сучасні технології штучного інтелекту для створення інноваційних візуальних рішень - дизайну, ілюстрацій, візуалізацій продуктів тощо.
…
Впровадження проекту від А до Я:
Я не просто програміст або дизайнер - я вирішувач проблем. Я починаю кожен проект з аналізу та розуміння потреб, потім переходжу до UX/UI дизайну, кодування, тестування та оптимізації. Я можу працювати як індивідуально, так і в команді, а також як фрілансер.
Чому варто працювати зі мною?
Я працюю з якістю та відповідальністю
Я здатний самостійно керувати всім процесом розробки
Я орієнтуюсь на потреби клієнта та бізнес-цінність
Я завжди шукаю інноваційні рішення
У мене є досвід роботи як з малими, так і з складними проектами
Для отримання додаткової інформації, будь ласка, відвідайте:
www.selek.site
https://github.com/SelekOnlineDev
https://www.linkedin.com/in/eimantas-jaskonis/
https://www.linkedin.com/company/selekonlineworld/?viewAsMember=true
https://www.facebook.com/profile.php?id=61576021976928
instagram.com/selek_online_world
Якщо ви шукаєте когось, хто поєднує технічну експертизу з креативним баченням, я допоможу вашому бізнесу зростати в цифровому просторі!
-
18 днів22 366 UAH
2512 4 0 18 днів22 366 UAHПривіт, Артем!
Мене цікавить ваш проект, наша маленька команда може реалізувати ваш односторінковий веб-сайт. У нас є досвід у розробці продуктів у вашій ніші, зокрема, ми розробили AI-чат-бота для компанії, яка продає та транспортує автомобілі з-за кордону.
Ми можемо зробити вашу лендінг-сторінку як на вашій технологічній платформі, так і на WordPress, що допоможе вам швидше масштабувати ваш веб-сайт у майбутньому, а завдяки адміністративній панелі "під ключ" буде набагато дешевше і зручніше керувати.
Давайте обговоримо деталі.
-
5 днів22 456 UAH
605 2 0 5 днів22 456 UAHМи створили лендинг-сторінки точно такі, як ця — Vite + React + TailwindCSS + GSAP (ScrollTrigger + Lenis) — з анімаціями прокрутки в стилі Apple, відправкою форм через EmailJS та інтегрованими кнопками покупки Stripe.
Деякі подібні роботи:
🔹 https://trellify.com/en
— React + TypeScript SaaS з оптимізацією SEO та плавними переходами на основі секцій
🔹 https://optimeal.com/
— оптимізація продуктивності, налаштування OG та схеми, карта сайту, robots.txt
🔹 https://insideshop.com.ua/
— повністю адаптивний, швидкий та дружній до SEO статичний сайт
…
Я можу допомогти з:
🔸 Vite + React 19 + Tailwind + TypeScript — швидка, статична, готова до розгортання архітектура
🔸 GSAP + ScrollTrigger + Lenis — паралакс, закріплення, кінематографічні анімації в стилі Apple
🔸 EmailJS + reCAPTCHA v2 — валідація відправки форм безпосередньо на вашу електронну пошту (без бекенду)
🔸 Кнопка покупки Stripe — безпечно вбудована через офіційний SDK
🔸 Продуктивність та SEO ≥95 — оптимізовані зображення (WebP/AVIF), мета, OG, schema.org, robots.txt
Етапи:
1️⃣ Налаштування та базове макетування — 20%
2️⃣ Піксельно точна статична збірка — 40%
3️⃣ Анімації + Форма + Stripe — 30%
4️⃣ Оптимізація та фінальна обробка — 10%
Фінальна доставка включає:
✅ Чистий код (GitHub) + README
✅ Розгорнуто на Vercel / Netlify
✅ Додатковий 3-хвилинний огляд Loom
Коли буде зручно переглянути дизайн Figma та підтвердити терміни та фіксовану ціну?
-
10 днів22 456 UAH
297 1 10 днів22 456 UAHПривіт.
У мене великий досвід створення високопродуктивних, анімаційно насичених односторінкових веб-сайтів за допомогою Vite, React та TailwindCSS, що забезпечує піксельно точні результати безпосередньо з дизайнів Figma. Орієнтація вашого проекту на плавну прокрутку в стилі Apple та кінематографічні анімації ідеально відповідає моїй експертизі в GSAP, ScrollTrigger та Lenis, що забезпечує плавні, елегантні переходи та преміум користувацький досвід. Я реалізую блискавично швидкий, оптимізований для SEO статичний сайт з безшовною інтеграцією форм Formspree/EmailJS, захистом CAPTCHA та безпечною обробкою платежів через Stripe. Мій робочий процес акцентує увагу на чистому, підтримуваному коді, високих оцінках Lighthouse та повністю адаптивних макетах на всіх пристроях. Завдяки перевіреному досвіду в дизайні руху та продуктивності фронтенду, я можу створити візуально вражаючий, готовий до виробництва сайт, який перевершить як технічні, так і естетичні очікування.
-
10 днів25 600 UAH
457 1 0 10 днів25 600 UAHПривіт,
Я готовий взятися за проект і створити вебсайт.
У кроках:
Налаштування, реалізація дизайну:
Налаштувати додаток за допомогою Vite + React + TailwindCSS.
Піксельно точна реалізація дизайну з Figma, включаючи анімації.
Зображення будуть зберігатися в корені проекту для зручного доступу.
Для анімацій я використаю motion та hover.dev, подібно до ефектів в стилі Apple.
…
Технічна оптимізація, інтеграції:
Після цього я покращу продуктивність, щоб досягти високих оцінок Lighthouse.
Для надсилання електронних листів я використаю SendGrid.
Швидка інтеграція Stripe Payment Link.
Фіналізація:
Повний вихідний код буде надано з README, що містить інструкції з налаштування, збірки та розгортання.
** 570 USD / 10 днів **
період підтримки: 2 місяці
-
10 днів22 456 UAH
364 4 0 10 днів22 456 UAHПривіт!
Зацікавило ваше пропозиція по створенню односторінкового сайту з Apple-style скролінгом на Vite + React + TailwindCSS
Готовий реалізувати дизайн з Figma з GSAP/ScrollTrigger, формою (EmailJS + reCAPTCHA) і Stripe, оптимізувавши під Lighthouse ≥ 90
Пишіть, обговоримо деталі !
-
3 дні22 456 UAH
1120 33 0 1 3 дні22 456 UAHПривіт! 👋
Я можу створити ваш односторінковий вебсайт, використовуючи Vite + React + TailwindCSS з GSAP, ScrollTrigger та Lenis для плавного прокручування в стилі Apple.
Сайт буде включати анімації з точністю до пікселя, форму електронної пошти без бекенду з CAPTCHA та інтеграцію Stripe — все повністю оптимізовано для продуктивності (Lighthouse 90+).
-
7 днів22 456 UAH
12784 4 2 7 днів22 456 UAHПривіт,
Я б хотів допомогти вам створити ваш сучасний, високопродуктивний односторінковий веб-сайт. Я спеціалізуюсь на React, Vite та TailwindCSS і маю великий досвід у створенні плавних прокруток у стилі Apple, використовуючи GSAP, ScrollTrigger та Lenis.
Мій підхід зосередиться на створенні ідеального макету на основі вашого дизайну Figma для настільних комп'ютерів, планшетів та мобільних пристроїв. Сайт буде містити безшовні анімації прокрутки з кінематографічними переходами, закріпленням секцій та ефектами появи при прокрутці, натхненними apple.com. Контактна форма буде повністю оброблятися на стороні клієнта за допомогою EmailJS або Getform, включаючи інтеграцію CAPTCHA, валідацію введення та захист від спаму. Я також інтегрую ваше посилання на оплату Stripe безпечно, відкриваючи в новій вкладці або вбудовуючи безпосередньо.
Продуктивність та SEO будуть пріоритетом. Сайт буде повністю статичним, адаптивним та оптимізованим для швидкості, з лінзами WebP/AVIF, що завантажуються за потребою, чистими метаданими та структурованою налаштуванням SEO (Open Graph, Twitter cards, sitemap та robots.txt). Мета полягає в досягненні оцінок Lighthouse не менше 90 для Продуктивності та 95+ для Доступності, Кращих практик та SEO.
Орієнтовний термін виконання проекту становить близько 7 - 10 днів. Розробка буде завершена в чотирьох етапах: початкове налаштування та макет, повна реалізація дизайну та адаптивне QA, анімації та інтеграції, а нарешті, налаштування продуктивності та розгортання. Після запуску я надам двотижневий період підтримки після запуску для будь-яких коригувань або моніторингу продуктивності.
…
Я створив подібні сторінки з плавною прокруткою та анімацією для креативних та технологічних брендів і можу поділитися прикладами моєї попередньої роботи, якщо це потрібно. Як тільки ви підтвердите вашу бажану форму послуг (EmailJS або Getform) та платформу хостингу (Vercel або Netlify), я можу почати негайно.
З найкращими побажаннями,
Jeo Vincent Carretas
-
3 дні22 456 UAH
180 3 дні22 456 UAHПривіт! Я можу створити ідеально точний, високопродуктивний односторінковий сайт з Vite + React + TailwindCSS та анімацією в стилі Apple, використовуючи GSAP + ScrollTrigger + Lenis.
Підхід
Статичний SPA, без бекенду. Форма для збору контактів через EmailJS/Formspree/Getform → надсилається безпосередньо на вашу електронну пошту.
Валідація (обов'язкові поля, формат електронної пошти), стани завантаження/успіху/помилки, reCAPTCHA v2 або hCaptcha, прихований honeypot.
Посилання на оплату Stripe (відкривається в новій вкладці або вбудоване через офіційний віджет).
…
Продуктивність та SEO: Lighthouse (мобільний) ≥ 90/95/95/95, семантичний HTML, доступність, OG/Twitter картки, фавікон, WebP/AVIF + лінійне завантаження, sitemap.xml та robots.txt.
Анімації: закріплення секцій, виявлення при прокручуванні, паралакс, кінематографічні переходи з добре прокоментованими таймлайнами.
Результати
Сторінка, готова до виробництва, що відповідає Figma (десктоп/планшет/мобільний).
Функціонуюча форма для збору контактів + CAPTCHA, перевірене посилання на Stripe.
Розгортання на Vercel/Netlify.
Git репозиторій + README (налаштування/збір/розгортання, як редагувати форму/CAPTCHA/Stripe).
Підтримка після запуску: [30] днів для незначних виправлень та консультацій.
Я готовий почати, як тільки отримаю Figma, електронну адресу, ключі CAPTCHA та посилання на Stripe.
-
4 дні22 456 UAH
3126 23 1 3 4 дні22 456 UAHПривіт Артем,
Я готовий створити ваш сучасний, високопродуктивний односторінковий веб-сайт, використовуючи Vite + React + TailwindCSS з плавними анімаціями прокрутки в стилі Apple, інтеграцією GSAP/ScrollTrigger та повністю функціональною формою для збору електронних адрес з CAPTCHA та кнопкою оплати Stripe.
Ось що я надам:
Піксельно точна реалізація з вашого дизайну Figma.
Плавна кінематографічна прокрутка та анімації секцій (в стилі Apple).
…
Оптимізована SEO (оцінка Lighthouse >95) та адаптивний макет.
Інтегрована форма електронної пошти з валідацією, reCAPTCHA та прихованим анти-спам шаром.
Посилання на оплату Stripe протестовано та розгорнуто (Vercel або Netlify).
Я успішно створив подібні цільові сторінки, використовуючи цей самий стек, і можу забезпечити як продуктивність, так і якість.
-
3 дні22 456 UAH
129 3 дні22 456 UAHhttps://molly-skin.vercel.app/uk
Привіт, як справи?
Це моя попередня робота з використанням React/Next.js + Tailwind CSS.
https://kibra.space/
У цьому проекті я приєднався як фронтенд-розробник.
Також це мій github.
…
https://github.com/collaborationbest
У мене великий досвід роботи з React + Tailwind, і я можу зробити сторінку піксельно точною.
Сподіваюся обговорити більше деталей з вами.
З найкращими побажаннями.
Стоян
-
2 дні22 456 UAH
2921 22 0 2 дні22 456 UAHПривіт!
Я уважно ознайомився з вимогами проекту і впевнений, що можу надати повне рішення точно так, як описано. Я створю швидкий, адаптивний односторінковий сайт, використовуючи Vite, React та TailwindCSS з усіма інтеграціями, що працюють бездоганно — відправка форм, CAPTCHA та оплата через Stripe.
Ви можете очікувати ідеальну реалізацію, високу продуктивність та чистий, підтримуваний код. Я повністю готовий завершити цей проект на 100%.
-
10 днів22 456 UAH
218 10 днів22 456 UAHДоброго дня. Я новачок і готовий зробити за мінімальні гроші або навіть безкоштовно. Це чудовий сайт для мого портфоліо буде. Ось мій сайт-портфоліо https://ljresetl.github.io/portfolio-frontend/
-
3 дні22 456 UAH3 дні22 456 UAH
Привіт, я можу запропонувати написати все на Next.js та розгорнути це на Vercel (це безкоштовно).
Я фулл-стек розробник з понад 3-річним досвідом, спеціалізуюсь на Next.js, React та TypeScript.
Приклади моєї роботи:
https://hashtech.dev/,
https://izigram.com/,
https://fasqon.vercel.app/
Я можу поділитися більше прикладів під час обговорення.
-
10 днів112 281 UAH
1182 8 1 10 днів112 281 UAHПривіт, Артем
Ми можемо створити вашу лендінг-сторінку за дизайном Figma, гарантована хороша продуктивність!
Напишіть в особисті повідомлення для деталей.
-
14 днів35 930 UAH
2221 22 0 14 днів35 930 UAHПривіт, Артем.
Я створю сучасний, високопродуктивний вебсайт на основі дизайну та реалізую всі необхідні функції: плавні анімації, інтеграція платежів тощо.
У мене є великий досвід роботи над подібними вебпроєктами, і наразі я розробляю дуже схожий.
Термін: 2–3 тижні. Ціна: 800 доларів.
Ви детально описали технічні вимоги, тому завдання мені зрозуміле. Я швидко та якісно виконаю все.
-
5 днів22 456 UAH
373 5 днів22 456 UAHПривіт!
Я прочитав опис вашого проекту і хотів би запропонувати себе на роль кандидата для розробки вашого односторінкового веб-сайту. У мене є некомерційний досвід у створенні веб-сайтів за допомогою Vite + React, а також деякі знання роботи з TailwindCSS.
На жаль, я ще не працював з бібліотеками GSAP, ScrollTrigger та Lenis, але я можу швидко навчитися, як їх використовувати в короткі терміни, тому це не займе багато часу та зусиль.
Я відкритий до співпраці з вами!
Ось мої проекти:
https://hightallq.github.io/to-do-list-react/
… https://hightallq.github.io/julius-caesar/
https://hightallq.github.io/nika/
-
35 днів22 456 UAH
212 35 днів22 456 UAHПривіт!
Я буду радий створити ваш односторінковий вебсайт. Я працював з технологіями, які ви згадали — Vite, React, Tailwind, GSAP, Stripe (використовуючи офіційний метод інтеграції) та Resend для електронних листів. Єдине, що я ще не використовував, це reveal-on-scroll, але я б хотів спробувати це.
Моє портфоліо:
https://cv-larchenko.vercel.app/
-
7 днів44 913 UAH
307 7 днів44 913 UAHПривіт.
У мене багатий досвід створення сучасних високопродуктивних додатків React з використанням Vite, TailwindCSS та GSAP/ScrollTrigger для досягнення плавної анімації та кінематографічних переходів у стилі Apple. Я успішно розробляв аналогічні інтерактивні односторінкові веб-сайти з прокруткою, оптимізовані для швидкості, SEO та доступності, стабільно отримуючи оцінку Lighthouse вище 95. Я забезпечу ідеальну реалізацію Figma з інтеграцією EmailJS/Formspree для відправки лідів та Stripe для безпечних платежів — все це в повністю статичній конфігурації без бекенда. Моя мета — створення візуально привабливого, швидкого та плавного користувацького досвіду, що відображає найвищу якість вашого бренду.
-
7 днів31 439 UAH
513 3 0 7 днів31 439 UAHПривіт, можу зробити цей вебсайт для вас за 7 днів. Я використаю GSAP як бібліотеку анімацій. У мене ще немає сайтів з таким прокручуванням у портфоліо, але це не проблема.
-
7 днів67 369 UAH
96304 1273 1 10 7 днів67 369 UAHПривіт. Я працюю з React більше 8+ років. Я готовий до співпраці.
-
30 днів67 369 UAH
404 2 0 30 днів67 369 UAHПривіт, я буду радий співпрацювати з вами!
У мене є необхідний досвід та навички...
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 1 день 22 години тому ∙ 82 ставки |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 2 дні 19 годин тому ∙ 30 ставок |
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 4 дні 21 година тому ∙ 64 ставки |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 22 години тому ∙ 29 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 7 днів 13 годин тому ∙ 36 ставок |