Бюджет: 500 UAH Термін: 1 день
Доброго дня.
Готовий виконати верстку.
Рейт - 10$.
Пишіть в особисті, обговоримо деталі.
Необходимо: Верстка адаптивного сайта Pixel Perfect на основе макета, разработанного в Figma.
Цель: Создание адаптивного сайта https://zoodom.ua и валидного W3C (будет проверяться), корректно отображающегося на мобильных, планшетных и десктопных устройствах, соответствующего современным требованиям UX/UI и требованиям Google к мобильной оптимизации в 2024 году.
Технологии: Использование HTML5, CSS3, JavaScript (ES6+), SCSS/LESS (по необходимости). Верстка должна быть кроссбраузерной (Chrome, Safari, Firefox, Edge) и адаптивной для всех основных разрешений экранов.
1. Разрешения экранов и брейкпоинты
Для обеспечения корректного отображения на всех устройствах, необходимо настроить следующие брейкпоинты (Промежуточные расширения должны отображать блоки без сдвигов и без горизонтальных скролов):
- Мобильные устройства:
- Минимальное разрешение: 320px (например, iPhone SE, старые смартфоны).
- Основное мобильное разрешение: 360px – 414px (например, iPhone X, Galaxy S10).
- Планшеты:
- Минимальное разрешение: 768px (например, iPad Mini).
- Планшеты (портрет): 768px – 1024px (например, iPad).
- Планшеты (альбом): 1024px – 1366px (например, iPad Pro).
- Десктопы:
- Минимальное разрешение: 1280px.
- Рекомендуемые разрешения для десктопов: 1440px и выше
Для каждого брейкпоинта должны быть заданы соответствующие стили, обеспечивающие оптимальное отображение контента.
2. Технические требования к верстке
- Сетка: Использование сеточной (CSS Grid) системы для обеспечения адаптивности макета (без конструкторов. Вариант использования Flexbox возможен при обосновании).
- Анимации и переходы: Применение CSS-анимаций должно быть плавным и минимальным, с учётом производительности на мобильных устройствах.
Где есть слайдеры- автоматичекое прокрутка элементов каждые 3 секунды.
- Оптимизация изображений: Изображения должны быть адаптированы под разные разрешения с использованием форматов WebP и сжатия без потери качества. Также должны быть реализованы механизмы для lazy loading изображений.
- Иконки и графика: Использовать SVG для иконок и графики, что обеспечит высокое качество на всех экранах.
- Типографика: Размеры шрифтов должны динамически изменяться в зависимости от разрешения экрана.
- Медиа-запросы: Все медиа-запросы должны быть четко структурированы и поддерживать основные брейкпоинты.
3. Проверка и тестирование
- Тестирование верстки должно проводиться на реальных устройствах, а также в эмуляторах браузеров для подтверждения корректной работы на всех поддерживаемых разрешениях и операционных системах (iOS, Android).
Приоритетные для тестов размеры экрана:
1. 393x873:
- Xiaomi Mi 10T, Mi 10T Pro
- Xiaomi Redmi Note 9 Pro
- Xiaomi Redmi Note 9
2. 390x844:
- iPhone 14
- iPhone 13 и 13 Pro
- iPhone 12 и 12 Pro
3. 360x800:
- Samsung Galaxy S20
- Honor 7X
- Huawei P40 Lite
4. 414x896:
- iPhone 11 Pro Max
- iPhone 11
- iPhone Xr
5. 430x932:
- iPhone 14 Pro Max
6. 393x851:
- Google Pixel 5
- Xiaomi Mi 10 Pro
- Xiaomi Redmi Note 8 Pro
7. 412x915:
- OnePlus 7T
Приоритетный браузера для тестов:
Chrome и Safari
- Обязательная проверка вёрстки на переполнение контентом. Вёрстка не должна ломается:
- Проверка через Google Mobile-Friendly Test и инструмент PageSpeed Insights для оценки производительности и соответствия мобильным стандартам.
4.СЕО.
-Отдельно СЕО будет предоставлена информация по метаданным на страницах.
5. Дизайн.
- Дизайн создан с перспективой на развитие проекта. Поэтому будут даны дополнительные пояснения какие блоки нет необходимости верстать на текущий момент.
- При необходимости есть возможно внесение правок в дизайн (исполнитель по дизайну на связи).
6. Заключение
Верстка должна быть выполнена с учётом всех вышеуказанных параметров (но не ограничиваясь ими для достижения лучших результатов), включая требования адаптивности и оптимизации для мобильных устройств.
По окончанию работы по верстке, предоставляется период для тестирования - одна неделя с момента получения последнего замечания.
7. Функционал. Будет предоставлен предварительный документ описывающий функционал блоков и элементов. Готов обсуждать непонятные функциональные элементы в дизайне, как предварительно так и в процессе сотрудничества.
Макет для верстки: https://www.figma.com/design/RPrjahTERmhbN3g9uKL6Eo/%D0%97%D0%BE%D0%BE%D0%B4%D1%96%D0%BC_website?node-id=0-1&node-type=canvas
Если есть дополнительные вопросы, или требуется уточнение по конкретным разделам, готов ответить.
Бюджет: 500 UAH Термін: 1 день
Доброго дня.
Готовий виконати верстку.
Рейт - 10$.
Пишіть в особисті, обговоримо деталі.
Бюджет: 27000 UAH Термін: 10 днів
Добрий вечір!
Розпочати можемо зараз.
Можете надіслати ТЗ під функціонал.
Верстку переглянув, все зрозуміло.
Зроблю максимально якісно.
Бюджет: 20000 UAH Термін: 12 днів
Вітаю,
Я ознайомився із завданням по верстці проекту по прикладу та готовий приступити до якісного виконання завдання.
Ціна 500 $
Термін 12 днів;
https://goit-react-hw-08-brown-sigma.vercel.app/
https://shpylovyi1007.github.io/Discover-Your-Dream-Property/
https://shpylovyi1007.github.io/team-project-Office_Olympians/
https://shpylovyi1007.github.io/team-project-carpathians/
Це мої роботи
HTML та CSS: Маю впевнену експертизу у розробці адаптивних та крос-браузерних веб-сторінок з використанням HTML5 та CSS3. Вмію створювати красивий та семантичний HTML-код, а також застосовувати препроцесори CSS, такі як SASS/SCSS, для полегшення розробки та підтримки.
- jQuery: вмію використовувати бібліотеку jQuery для покращення функціональності веб-сайтів та використовувати методологію BEM для підтримки чистого та організованого коду.
- Системи збирання та автоматизації: Є досвід використання та налаштування інструментів, таких як Gulp, для автоматизації завдань розробки та оптимізації ресурсів.
- Веб-дизайн: Маю навички роботи з макетами у програмах Figma та Adobe Photoshop.
- Веб-лейаути: Вмію створювати гнучкі та респонсивні веб-лейаути за допомогою CSS Grid та Flexbox, що забезпечує найкращий вигляд сайту на будь-якому пристрої.
Я намагаюся завжди розуміти потреби клієнта і працювати в команді, щоб досягти найкращих результатів. Моя мета – надавати високоякісні рішення і завжди дотримуватись термінів. Я завжди відкритий для нових викликів та можливостей для зростання та навчання. Я готовий до співпраці і готовий відповісти на всі питання, що Вас цікавлять. Буду радий обговорити ваші проекти та допомогти вам досягти ваших цілей
Бюджет: 1500 UAH Термін: 5 днів
Привіт! Мене звати Сергій. Я спеціалізуюся на верстці сайтів та перенесенні їх на WordPress. Пропоную:
- Чистий та оптимізований код
- Точну відповідність дизайну
- Адаптивну верстку для різних пристроїв
- Інтерактивність (анимації, квізи тощо)
Якщо потрібно щось додати або змінити, дайте знати!
Бюджет: 15000 UAH Термін: 12 днів
Добрий вечір. Ознайомився із описом завдання та дизайном. Готовий взятися за верстку. Оптимізація коду та зображень з допомогою збірника gulp. Векторна графіка одним файлом, стилі, js, зображення - мініфіковані та різні розміри в залежності від девайсу. Для html буде добре використати html-препроцесор pug. Дуже цікавий проект і я б із задоволенням попрацював над даним сайтом. Гарного вечора.
Бюджет: 15000 UAH Термін: 10 днів
Доброго дня
Готовий сверстати
Мій стек: —HTML (HTML5), CSS (CSS3), jQuery, JavaScript, SASS, Flexbox, grid, gulp, БЕМ
Wordpres
Верстка буде кросбраузерна, валідна, адаптивна. Тільки чистий та зрозумілий код.
- Верстаю з PSD, Sketch, Figma, Zeplin, Adobe XD
- Адаптивність, чуйність (responsive), гума
- CSS3\JS анімація сайтів.
Остані проєкти:
https://goldenminds.uz
https://www.gov.kz/
https://battlemile.org/
Жду зворотнього зв'язку
Бюджет: 21000 UAH Термін: 10 днів
Доброго дня, реалізую якісну верстку з виконанням усіх вимог і рекомендацій. Готовий обговорити деталі
Бюджет: 14000 UAH Термін: 14 днів
Привіт, Руслан!
Мабуть вперше бачу таке детальне ТЗ. Моя верстка буде відповідати усім вашим вимогам.
Готовий обговорити завдання в особистому листуванні.
Мої останні роботи:
https://s-iteost.vercel.app/index.html - лендінг
https://sanyok185.github.io/Top-10/home.html - багатосторінковий
https://sanyok185.github.io/PLUGIT/main.html - багатосторінковий
https://sanyok185.github.io/Property/home.html - багатосторінковий
https://sanyok185.github.io/Proyavlennya/ - лендінг
https://sanyok185.github.io/StanDesk/ - лендінг
https://sanyok185.github.io/Bruden/home.html -магазин
https://sanyok185.github.io/VPNit/home.html - багатосторінковий
Бюджет: 15000 UAH Термін: 15 днів
Привіт!
Готовий зробити верстку вашого макета.
Працюю з HTML, CSS, Scss, JS.
Всі нюанси ТЗ будуть враховані, єдине наполягаю на використанні технології FlexBox (аргументи зможу навести в особистих повідомленнях).
Деталі можемо обговорити в особистих повідомленнях.
Приклади моїх робіт: Freelancehunt
Бюджет: 27000 UAH Термін: 20 днів
Доброго дня! Зроблю швидко і якісно
____________________________________________________
Бюджет: 20000 UAH Термін: 14 днів
Добрий вечір Руслан!
Детально ознайомився із макетом. Готовий виконати якісну, надійну, кросбраузерну, адаптивну верстку. Пишу чистий, валідний код, по БЕМ. В роботі буду використовувати html, css, js. Адаптив за допомогою grid, flex. Графіка буде стиснута без втрати якості.
Готовий одразу після уточнення всіх деталей приступити до виконання роботи!
Приклад моїх робіт:
1) https://pashadahulych.github.io/NFT/ - лендінг
2) https://pashadahulych.github.io/Delote-Beauty/ багатосторінковий сайт, з кастомною стилізацією карти
3) https://pashadahulych.github.io/NFT__Marketplace/ - багатосторінковий сайт
4) https://pashadahulych.github.io/CEX.io/ - лендос
5) https://pashadahulych.github.io/Element__Home/ - інтернет магазин
6) https://pashadahulych.github.io/Digital-Planner/ - верстка додатку, вже є на хостингу
7) https://pashadahulych.github.io/Matoa/ - інтернет магазин, купа слайдерів, галерея, таби. Особливість - анімація додавання в корзину написана на чистому javascript
8) https://charterclick.com/ - останній проєкт, де я відповідав за верстку
Бюджет: 500 UAH Термін: 1 день
Доброго дня, виконаю ваш проект, пишіть, буду рада співпраці
Доброго дня, виконаю ваш проект, пишіть, буду рада співпраці
Бюджет: 27000 UAH Термін: 20 днів
Вітаю.
Професійно займаються розробкою сайтів під ключ на WORDPRESS, без білдерів. Є власна бібліотека готових рішень, яка пришвидшує час роботи.
Переваги:
- надаю відео навчання з використання сайту (при необхідності);
- гарантії після завершення співпраці;
- адміністрування/підтримку сайту (при потребі).
Готовий обговорити деталі, та розпочинати виконання. Остаточна ціна/термін після всіх уточнень.
Профіль: Freelancehunt
Відгуки: Freelancehunt
Бюджет: 7000 UAH Термін: 7 днів
Привіт. Проект досить цікавий, готовий почати роботу над проектом прямо зараз.
Напишіть мені в лс і точно порахую терміни та ціну за проект, або можемо одразу обговорити ваш бюджет, одразу кажу хороший відгук входить у вартість )
Ось мої проекти:
https://dberezuk.github.io/GTA-6/
https://dberezuk.github.io/DevopsTrain/
Потрібно максимально точно відтворити:– структуру сторінок; – розташування блоків; – сітку каталогу; – розміри елементів; – відступи; – типографіку; – кольори; – хедер і футер; – картки товарів – структуру меню; – категорії меню; - модальні вікна – адаптивну поведінку; – 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; як створювати кейс; як вказувати автора; як оновлювати дату медичного перегляду; як додавати відео і транскрипт; як зв’язувати матеріал із послугою та лікарем. інше.
Потрібен спеціаліст з Wix для верстки сайту за макетом Figma. Є готовий дизайн сайту у Figma. Потрібно якісно реалізувати його у Wix, максимально дотримуючись макета. Необхідно: перенести дизайн з Figma до Wix; адаптувати всі сторінки; налаштувати десктопну та мобільну версії; забезпечити коректне відображення на різних пристроях. Перевага надається виконавцям із досвідом роботи з Wix. Будь ласка, надсилайте портфоліо з реалізованими проєктами.
# Потрібен верстальник (WordPress / WooCommerce): картка товару ## Про проєкт Діючий інтернет-магазин Дизайн вже готовий — потрібно якісно зверстати й інтегруватикартку товару (single product). - Поточна сторінка (приклад): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Верстка шаблонуsingle-product ## Вимоги - Верстка до макету Figma. -Адаптив: desktop + mobile, коректне відображення в основних браузерах. - Інтеграція в існуючу тему WooCommerce, чистий і підтримуваний код. - Результат — робоча сторінка на сайті, що відповідає дизайну. ## Що надіслати у відгуку 1. Портфоліо (бажаноWordPress / WooCommerce, картки товарів). 2.Вартість — запропонуйте зручний формат (фікс за проєкт або погодинна ставка). 3.Строк у днях. 4. Питання по макету та перелік доступів/матеріалів, які потрібні від нас для старту. Доступ до Figma, сайту й потрібні матеріали надам у приватних повідомленнях після відгуку.
Потрібно зверстати сайт по дизайну. Макет кривий трішки, тому pixel perfect не треба. Верстка, адаптив для МОБ пристроїв, відкриття сторінок по посиланнях та сайт на 3-х мовах. Всі тексти в блоках на інших мовах пришлемо пізніше. Додатково: оптимізація для Google PageSpeed 100 / 100 для МОБ та ПК. Або хоча б 98 із 100, не меньше !!! Пропонуйте строки та вартість. Макет: https://www.figma.com/design/AkM2GAvaLAPw7IAOtkGPIy/DSL-2010--%D0%9F%D1%80%D0%B0%D0%B2%D0%BA%D0%B8-1-?node-id=6177-908&t=u7qPBPqxIifkwaug-0