Бюджет: 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/
Назва завдання: Спеціаліст WordPress / Elementor для внесення правок на сайтах Опис: Шукаємо спеціаліста з WordPress та Elementor для роботи вже з готовими сайтом. Основні завдання: внесення змін відповідно до наших рекомендацій; заміна та редагування контенту; додавання, видалення та коригування блоків; виправлення відображення сторінок на комп’ютерах і мобільних пристроях; невеликі зміни дизайну та структури сторінок. Сайт вже розроблений та зверстаний. Створювати їх з нуля не потрібно. Робота передбачає виконання конкретних завдань у міру їх появи. Важливі уважність, дотримання технічного завдання та досвід роботи з WordPress і Elementor.
Проект: Потрібно створити продаючий лендинг для авторського онлайн-інтенсиву на діючому корпоративному сайті юридичної фірми. Платформа сайту: WordPress. Очікувана URL-адреса сторінки: сайт/online_intensive1. Дизайн і структура:Є готовий прототип у вигляді чистого HTML/CSS коду (включає тексти, структуру, кольорову гаму, адаптивність і вертикальні відеовідгуки 9:16). Код буде передано виконавцю.Завдання по дизайну: Взяти цей код за основу, але не просто скопіювати. Вітається доопрацювання UX/UI, додавання акуратних мікроанімцій, тіней, сучасних ефектів (фіч), які зроблять сторінку більш привабливою і продаючою, зберігаючи строгий корпоративний стиль.2. Інтеграція з CMS (Редагованість):Критично важливо: Лендинг не повинен висіти на сайті як «голий» HTML-код. Сторінку необхідно зібрати за допомогою візуального конструктора (Elementor) або реалізувати через гнучкі поля (ACF).У замовника повинна бути можливість легко змінювати будь-які тексти, посилання, тарифи та фотографії прямо з адмін-панелі WordPress без втручання в код.3. Технічні вимоги та адаптивність:Повна адаптивність кросбраузерної верстки: Desktop, Tablet, Mobile. Сторінка повинна коректно відображатися на всіх типах пристроїв (в тому числі пропорції 3 вертикальних відеовідгуків).Висока продуктивність: Обов'язкова базова оптимізація швидкості завантаження (Google PageSpeed). Зображення повинні бути стиснуті та конвертовані у формат WebP, скрипти та стилі мініфіковані.4. Форма зворотного зв'язку (Лідогенерація):На лендингу є форма заявки (Ім'я, Телефон). Її потрібно зробити повністю робочою.Усі заявки повинні миттєво надсилатися на корпоративний email: info@сайт.Необхідно налаштувати відправку через SMTP-сервер або використовувати надійний плагін (WPForms / Contact Form 7), щоб заявки гарантовано не потрапляли в папку «Спам».5. Мультимовність:Поточний сайт передбачає наявність трьох мов (РУС, КАЗ, АНГЛ).В рамках проекту виконавець повинен налаштувати мультимовність для нового лендингу (за допомогою вбудованого на сайті плагіна).У процесі виконання завдання замовник надасть готові переклади тексту на казахську та англійську мови. Виконавець повинен створити та оформити ці додаткові мовні версії сторінки.6. Інтеграція з головним сайтом:Налаштувати перехід на лендинг з основного сайту.У головному меню (в хедері) діючого сайту salyk.net необхідно додати нову кнопку або пункт меню (наприклад, «Онлайн-інтенсив»), яка буде вести на адресу /online_intensive.Додатково: зробити функцію перемикання між мовами rus/eng/kaz в стилі сайту.
Веб-сайт наразі інфільтрований вірусом. Сайт не працює належним чином. Зокрема, головна сторінка не працює правильно. Нам потрібен розробник, який може виправити цю помилку якомога швидше.
Є сайт який функціонує, потрібно змінити структуру головного меню та створити декілька нових сторінок (вже по тому шаблону що є з тим самим дизайном) Що є: Структура меню: Головна Про нас Послуги: йога з цуценятами, йога+звукова ванна+церемонія з какао, звукова ванна, йога з лами Подарункова картка Блог Контакт Що треба зробити: 1.Змінити структуру меню на наступну: Головна Про нас Щотижневі досвіди Сезонні досвіди Приватні досвіди Подарункова картка Блог Контакт 2.Зробити нові сторінки (каталог послуг) Щотижневі досвіди Сезонні досвіди (на цій сторінці зробити розділення Осінь-Зима, Весна-Літо (або зробити позначки біля кожної картки продукту коли він доступний) Приватні досвіди Ці сторінки зробити на основі сторінки яка є - тобто скопіювати існуючу сторінку і привʼязати до неї сторінки послуг, вони мають відображатись там автоматично, якщо поставити галочку 3. Додати наступні послуги на сторінку щотижневих досвідів: Йога з цуценятами Звукова ванна 4. Додати наступні послуги на сторінку сезонних досвідів: Звукова ванна Bloom Frequency Йога з лами Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Йога, церемонія з какао та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна 5. Додати послуги на сторінку Приватних досвідів: Приватна йога з цуценятами в студії Приватна йога з цуценятами у вас вдома Приватна звукова ванна для одного Приватна групова звукова ванна Приватні звукові ванни та чайні церемонії для команд, лідерів та корпоративних заходів 6. Прикрутити календар системи simplybookme на сторінки: Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна Ця букінг система вже налаштована на сайті, потрібно за таким самим принципом як і зараз привʼязати календар до перелічених сторінок. 6.1. Додати кнопку “очікування” на сторінки: Перший світло - Щасливий світанок Церемонія чаю та звукова ванна Звукова ванна при свічках взимку Церемонія з какао для встановлення намірів на Новий рік та ароматерапія та звукова ванна Після того як людина натискає на кнопку - має зʼявитись форма де людина залишає свій мейл, імʼя і відправляє цю форму. З нашого боку клієнту має приходити лист що він потрапив у вейтліст, і нам має приходити сповіщення що хтось додався у вейтлист. Через simplybook не вийде, треба певно робити через форми shopify, або можете запропонувати інше рішення
На основі вже наявного шаблону дизайну сайту зробити верстку для фреймворка Laravel. Макет дизайну зроблений у Figma. Більш детально опишу вже в особистих повідомленнях.