Бюджет: 300 USD Термін: 5 днів
Привіт, Томас!
Я досвідчений Frontend React Розробник. У мене великий досвід у перетворенні дизайнів Figma в піксельно точні, адаптивні інтерфейси.
Що я надам:
✔️ Чистий, оптимізований та повторно використовуваний код (React.js + Tailwind CSS / Styled Components).
✔️ Повністю адаптивна та кросбраузерна верстка.
✔️ Плавні анімації та інтерактивні елементи, де це необхідно.
✔️ Добре структурований проект з чіткою документацією.
Я спеціалізуюсь на React, Next.js та Vanilla JavaScript. Давайте обговоримо деталі та терміни. Чекаю на співпрацю!
Бюджет: 300 USD Термін: 7 днів
Привіт, Томас!
Я є Full-Stack розробником, спеціалізуюсь на React.js, Next.js, Tailwind CSS та TypeScript, маю досвід у створенні адаптивних, високопродуктивних веб-рішень.
Я можу точно перетворити ваш дизайн у Figma на піксельно точний код, забезпечуючи чисту структуру, адаптивність та оптимальну продуктивність. Я дотримуюсь найкращих практик фронтенд-розробки, оптимізуючи код для швидкого завантаження та безперебійного відображення на всіх пристроях.
У моєму портфоліо є реальні проекти, які демонструють мою експертизу. Я готовий почати працювати та надати високоякісні результати в узгоджені терміни.
Я б хотів обговорити деталі та розпочати нашу співпрацю! Чекаю на ваше повідомлення.
- Проєкти -
- Оцінка -
- Рейтинг 538
Бюджет: 300 USD Термін: 6 днів
Привіт, Томас, я можу почати працювати сьогодні, це ще доступно?
Портфоліо: Freelancehunt
БОНУС:
Я можу розробити базову налаштування SEO та оптимізацію продуктивності
- Проєкти -
- Оцінка -
- Рейтинг 349
Бюджет: 300 USD Термін: 14 днів
Вітаю, Thomas!
Виконую адаптивну, кросбраузерну та надійну верстку на React.js та Vanila JavaScript.
Приклади моїх робіт: Freelancehunt
Ознайомився з ТЗ, вимоги до проєкту чіткі та зрозумілі.
Якщо надасте макет, зможу більш детально оцінити сроки виконання та вартість роботи.
Готовий виконати все якісно і швидко.
Сподіваюсь на співпрацю.
Бюджет: 300 USD Термін: 10 днів
Вітаємо! Ми – команда ITZeyz, і маємо досвід у розробці якісних фронтенд-рішень. Готові реалізувати ваш проєкт відповідно до дизайну Figma, забезпечуючи адаптивність, продуктивність та чистий код.
Ми спеціалізуємось на розробці веб-сайтів React.js, з прикладами робіт можете ознайомитись у профілі.
Готові обговорити деталі та розпочати співпрацю! 🚀
Бюджет: 300 USD Термін: 14 днів
Доброго дня! Працюю в команді фахівців в сфері дизайну, розробки, тестування та SEO. Працюємо переважно на nextjs. Також є фахівець з вордпресу. Досвід 3 роки. З частиною робіт можна ознайомитися в портфоліо. Якість гарантуємо, подальшу підтримку забезпечуємо. Остаточна вартість та строки будуть залежати від обраної технології та технічного завдання. Хотілосяб спочатку ознайомитися з дизайном. Пишіть, будемо раді співпрацювати з Вами )
- Проєкти -
- Оцінка -
- Рейтинг 345
Бюджет: 300 USD Термін: 10 днів
Вітаю!
Я спеціалізуюсь на створенні адаптивних, швидких та зручних у використанні веб-інтерфейсів. Маю досвід роботи з такими технологіями, як HTML5, CSS3, Tailwind CSS, JavaScript, React, TypeScript, Next.js. Є досвід з подібними проєктами. Щоб надати чіткі терміни виконання та вартість робіт, мені потрібно більше інформації про ваш проект. Будь ласка, напишіть мені в особисті повідомлення, щоб ми могли обговорити всі деталі.
Бюджет: 300 USD Термін: 15 днів
Привіт,
Я зацікавлений у співпраці з вами і готовий перетворити ваш дизайн з figma на HTML/Tailwindcss/JS.
Якщо ви вирішите обрати мене своїм підрядником, я готовий почати кодувати негайно.
Я можу запропонувати фіксовану ціну після перегляду дизайну.
Мої недавні проекти використовували Tailwind CSS, посилання нижче
https://web.khorol.com.ua/tailwindcss/tailwind-alpinejs/
https://web.khorol.com.ua/tailwindcss/cascat/
З найкращими побажаннями - Геннадій.
- Проєкти 5
- Оцінка 5.0
- Рейтинг 4 107
Бюджет: 300 USD Термін: 5 днів
Привіт, Томас.
Як старший фронтенд-інженер з 7-річним досвідом перенесення Figma в код за допомогою React.js, я впевнений, що зможу ідеально виконати ваш проект і вчасно його здати.
У мене є сильний досвід у сучасній розробці ui/ux на фронтенді, а також у адаптивному дизайні за допомогою React.js з дизайном Figma.
Я хотів би обговорити це з вами.
Дякую.
Ставки приховані
Ставки поки відсутні
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Завдання Потрібно створити стильний адаптивний 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-розсилок, які ви робили, і вкажіть, з якими сервісами розсилок працювали.
Вітаю. Необхідно внести деякі правки на сайті WP з готовою темою на ELEMENTOR. Сайт https://lingualink.pl/ 1. Перший екран замість картинки впровадити форму замовлення, яка зараз викликається з кнопки. в результаті повинно бути як на першому скріні 2. а також додати блок FAQ, приблизно ось так як на другому скріні
Необхідно зробити верстку по Figma з десктопом, мобайлом, темною версією, світлою версією, з анімаціями там, де це потрібно, слайдерами. Також важливо реалізувати блоки системи компонентів таким чином, що коли ми потім будемо переносити це на бекенд, ми могли просто продовжити відтворення цих блоків. Фінальним результатом, бачимо архів, в якому є HTML-сторінки всіх сторінок, тобто головної категорії, сторінки, відео і необхідні файли для роботи, в тому числі динамічні скрипти, стилі і так далі. Зараз ми верстаємо це з контентом, який ми беремо прямо з Figma. Але важливо, щоб це потім нам було можливо перенести на бекенд.
Потрібно максимально точно відтворити:– структуру сторінок; – розташування блоків; – сітку каталогу; – розміри елементів; – відступи; – типографіку; – кольори; – хедер і футер; – картки товарів – структуру меню; – категорії меню; - модальні вікна – адаптивну поведінку; – hover-, active- і mobile-стани. – сторінка з продуктами повина мати мікророзмітку для продуктів – Сторінки мають бути оптимізовані під рекомендації Google SEO1. Тип сайтуАдаптивний інтернет-магазин доставки суші.Основні версії:– desktop – від 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. НавігаціяГоловнаКатегоріїАкціїПро насДоставка та ОплатаКонтактиМенюКартка продуктуКошик товаруШаблон сторінкиБлок “Шаблон сторінки” повиннен містити:– хедер;– breadcrumb ;— стрілку “вгору”— Перемикач світлої та темної теми зі збереженням вибору користувача.— На фоні сторінки зробити водяний знак з логотипу— На фоні закріпити зображення китайських паличок з правого краю— Футер РезультатПередати:– Figma-макет desktop і mobile; – HTML-файли; – CSS; – JavaScript; – папку із заглушками; – адаптивну версію сторінки; – архів готового проєкту.Головна вимога – максимально точне відтворення структури, дизайну та поведінки сторінки example.com
Продовження проекту. Редизайн та перезапуск сайту стоматологічної клініки Brovchak Family Dental Care 0680006609 http://brovchak-clinic.com.ua/ тз від сео-експертаhttps://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/Про проєкт Потрібно виконати повний редизайн існуючого сайту стоматологічної клініки на основі готового прототипу в Miro. Результат повинен включати: UI/UX дизайн адаптивну верстку інтеграцію на WordPress SEO-безпечний перезапуск технічну оптимізацію налаштування аналітики можливість простого самостійного редагування контенту Критично важливо: сайт повинен не просто виглядати сучасно, а покращувати бізнес-показники та не втратити поточні SEO-позиції.Бізнес-цілі проєкту Редизайн виконується для: збільшення кількості заявок із сайту; підвищення конверсії форм запису; підсилення довіри до клініки; демонстрації експертності лікарів; презентації складних клінічних випадків; формування преміального позиціонування; збільшення кількості звернень на імплантацію, ортопедію та комплексне лікування.Візуальна концепціяПозиціонування Преміальна авторська стоматологія. Не мережева клініка. Не масовий потік пацієнтів. Індивідуальний підхід, прогнозовані результати та складні клінічні рішення.Емоція, яку має викликати сайт "Тут працюють не просто стоматологи. Тут команда експертів створює довгострокові та прогнозовані рішення, приділяючи увагу кожній деталі."Стиль Workshop / Dental Atelier. Авторська стоматологія. Преміальний мінімалізм. Акцент на: мікроскопії; навігаційній імплантації; цифровому скануванні; гнатології; складних реабілітаціях. Використовувати: великі професійні фото лікарів; фото лікарів під час роботи; реальні кейси пацієнтів; фото клініки. Мінімізувати або повністю виключити: стокові фото; шаблонні стоматологічні зображення; типові дизайнерські рішення мережевих клінік.SEO та перезапуск Критична вимога: Редизайн не повинен призвести до суттєвого падіння органічного трафіку. Необхідно: зберегти SEO-структуру сайту; зберегти або коректно перенести URL; налаштувати 301 редиректи; перенести всі метатеги; зберегти індексацію сторінок; перевірити robots.txt; перевірити sitemap.xml; перевірити canonical; перевірити schema.org; виконати SEO-аудит до та після запуску.KPI SEO Допустиме падіння органічного трафіку після запуску: не більше 10%. Перевага надається виконавцям, які мають успішні кейси SEO-безпечних міграцій.UX та конверсія Сайт повинен забезпечувати: швидкий доступ до запису на консультацію; зрозумілу структуру послуг; просту навігацію; мобільну зручність; швидкий контакт із клінікою. Передбачити: CTA-блоки; форми запису; швидкий дзвінок; месенджери; блоки довіри; відеовідгуки; кейси лікування.Технічні вимогиШвидкість Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals повинні відповідати рекомендаціям Google.Оптимізація Необхідно: оптимізувати CSS; оптимізувати JS; налаштувати кешування; оптимізувати зображення; використовувати WebP; мінімізувати сторонні скрипти.Якість коду Важливо: чистий код; відсутність зайвих плагінів; використання штатних можливостей WordPress та теми; сумісність з майбутніми оновленнями WordPress.AI-асистент (агент) Потрібно запропонувати рішення для впровадження AI-консультанта. Бажаний функціонал: відповіді на типові питання; запис на консультацію; інтеграція з Telegram; інтеграція з Instagram Direct; інтеграція з Facebook Messenger; інтеграція з Viber; передача лідів у CRM або адміністраторам, або в телеграм бот Прохання описати запропоноване рішення окремо.Результат роботи На виході необхідно отримати: Новий дизайн сайту. Адаптивну верстку. SEO-безпечний запуск. Оптимізований код. Налаштовану аналітику. Інструкцію для адміністратора. Гарантійний супровід після запуску. Реалізація AI Search та AI-видачі У межах проєкту необхідно реалізувати окремий комплекс робіт із підготовки сайту до Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot та інших AI-пошукових систем. До робіт входить: Проєктування карти сутностей клініки: організація, філії, лікарі, послуги, кейси, статті, FAQ, відео та ціни. Створення логічних зв’язків між: лікарями та послугами; послугами й кейсами; послугами та FAQ; статтями й авторами; філіями та доступними напрямками лікування. Реалізація структурованих даних JSON-LD: Organization; MedicalClinic / Dentist; LocalBusiness; Person; ProfilePage; Service; MedicalProcedure — де семантично коректно; Article / BlogPosting; VideoObject; FAQPage; BreadcrumbList; WebSite; WebPage; ImageObject. Створення в WordPress структурованих типів контенту: послуги; лікарі; кейси; статті; FAQ; відео; філії; ціни. Реалізація ACF-зв’язків між типами контенту та автоматичної генерації schema.org із затверджених полів. Побудова FAQ у трьох рівнях: FAQ на сторінках послуг; окремі експертні decision-guide сторінки; загальний центр запитань пацієнтів. Забезпечення доступності основного контенту в HTML без залежності від клієнтського JavaScript, зображень або PDF. Реалізація авторства медичного контенту: автор; медичний рецензент; дата публікації; дата оновлення; посилання на профіль лікаря. Додавання транскриптів до експертних відео та зв’язування відео з послугами, лікарями й кейсами. Перевірка robots.txt, sitemap.xml, canonical, noindex, snippet controls і доступності сайту для пошукових та AI-краулерів. Налаштування відстеження AI-трафіку: окрема channel group у GA4; referrer-джерела ChatGPT, Perplexity, Gemini, Copilot, Claude; передача джерела в CRM і Telegram-заявки; звіт у Looker Studio; облік self-reported attribution від пацієнта. Створення базового набору запитів для регулярного моніторингу видимості клініки в AI-видачі. Перевірка структурованих даних через Rich Results Test та Schema Markup Validator. Підготовка інструкції для адміністратора: як додавати FAQ; як створювати кейс; як вказувати автора; як оновлювати дату медичного перегляду; як додавати відео і транскрипт; як зв’язувати матеріал із послугою та лікарем. інше.