Бюджет: 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, БЭМ
Wordpress
Верстка будет кроссбраузерной, валидной, адаптивной. Только чистый и понятный код.
- Верстаю с 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/
Необходимо сверстать сайт по дизайну. Макет кривой немного, поэтому 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
Сайт разработан на: Backend: Java + Spring Boot База данных: MySQL Frontend: JavaScript, HTML, CSS Шаблонизатор: Thymeleaf Сервер: VPS (Linux Ubuntu) Reverse Proxy: Apache2 Архитектура: Монолитное приложение На данный момент на сайте реализован: Блог с административной панелью. Возможность создавать и редактировать статьи через админ-панель. Возможность добавлять HTML-разметку и контент через визуальный интерфейс. Статические страницы сайта, которые сейчас создаются разработчиком вручную. ⸻ Цель задачи Необходимо реализовать возможность создавать и управлять новыми коммерческими страницами услуг через существующую административную панель аналогично тому, как сейчас создаются статьи блога. После реализации администратор должен иметь возможность самостоятельно создавать новые SEO-страницы услуг без участия разработчика. ⸻ Текущее состояние Сейчас через админ-панель можно создавать только записи блога. Пример: Статья 1 Статья 2 Статья 3 Каждая статья имеет: Заголовок URL (slug) Контент SEO-параметры Изображения ⸻ Что необходимо реализовать 1. Новый тип контента «Услуги» Создать в админ-панели отдельный раздел: «Услуги» Он должен быть независим от раздела блога. Пример структуры: Блог Услуги ⸻ 1. Создание страницы услуги Администратор должен иметь возможность создать новую страницу услуги через интерфейс. Коммерческие страницы услуг состоят из 13 блоков, из которы 4 блока динамических и 9 статических. Поля: Название услуги URL (slug) H1 SEO Title Meta Description SEO Keywords Основное содержимое страницы Изображение Статус публикации (Черновик / Опубликовано) ⸻ 1. Контент страницы Контент должен поддерживать: HTML-разметку Форматирование текста Заголовки H2-H6 Списки Изображения Ссылки Желательно использовать существующий редактор, который уже применяется в блоге. ⸻ 1. Генерация URL Каждая услуга должна иметь собственный URL. Примеры: /visa/usa/business-visa-usa /visa/usa/business-visa-uk /visa/usa/business-visa-canada ⸻ 1. Отображение на сайте После публикации страница должна: автоматически становиться доступной по своему URL; использовать существующий шаблон страниц услуг либо новый шаблон; корректно отображаться на всех устройствах. ⸻ 1. SEO Для каждой услуги необходимо обеспечить возможность настройки: Title Description H1 Canonical URL (желательно) Open Graph (желательно) Страницы должны индексироваться поисковыми системами аналогично страницам блога. ⸻ 1. Список услуг В админ-панели реализовать: список всех услуг; поиск; редактирование; удаление; изменение статуса публикации. ⸻ 1. Важно Реализовать возможность создавать новые типы SEO-страниц без доработки кода в будущем. через единый механизм управления контентом. ⸻ Что ожидается от разработчика Необходимо проанализировать существующую реализацию блога и максимально переиспользовать текущую архитектуру для создания нового раздела «Услуги». При отклике прошу указать: Каким образом будет реализована задача. Какие изменения потребуются в БД. Оценку по времени. Стоимость работ. Какие технологии должен знать исполнитель Обязательно: Java Spring Boot MySQL Thymeleaf HTML/CSS JavaScript Работа с Linux Ubuntu Желательно: Spring Security SEO-оптимизация серверных страниц Опыт работы с CMS и CRUD-модулями Опыт поддержки монолитных Spring Boot проектов
Нужно провести аудит существующего сайта, исправить технические ошибки, улучшить SEO, оптимизировать скорость и поэтапно дорабатывать функционал. Редизайн не требуется Что нужно сделать: Провести технический аудит сайта. Провести SEO-аудит и предложить план улучшений. Найти и устранить технические ошибки. Предложить улучшения по UX/UI и дизайну. Оптимизировать скорость загрузки. Выполнять доработки сайта, при необходимости работать с кодом. В дальнейшем — поддержка и развитие сайта. В отклике укажите: ссылки на похожие проекты; опыт работы с WordPress (если есть); примерную стоимость работы готовы ли к долгосрочному сотрудничеству.
Необходимо разработать англоязычный корпоративный сайт на тему финтеха, лицензированного бизнеса, M&A и юридического сопровождения. Есть 10 готовых дизайнов страниц в PNG, а также отдельные изображения и логотип. Figma-макетов нет. Не требуется точное pixel-perfect воспроизведение, но важно сохранить общую стилистику, структуру, типографику, цвета и логику блоков. Сайт должен быть полностью сверстан, а не собран из скриншотов или изображений. Страницы Главная; каталог предложений; страница отдельного предложения; Юридические услуги — общая страница услуг; страница отдельной услуги; список статей; страница статьи; О нас; Контакты; Отправить запрос / форма запроса. Что нужно реализовать кастомную тему WordPress без Elementor, Divi, WPBakery и других визуальных конструкторов; чистую HTML/CSS/JS-верстку; ACF / ACF Pro для удобного редактирования контента через админку; отдельные типы записей для Предложений, Юридических Услуг, Статей; каталог предложений с поиском, фильтрами, сортировкой и пагинацией; блоки featured offers, related offers, latest insights и related articles; формы обращений с отправкой заявок на email и базовой защитой от спама; редактирование через админку контактов, CTA-блоков, меню, футера и других повторяющихся элементов; базовую оптимизацию скорости: WebP, lazy load, оптимизированные изображения. Мобильная версия Отдельных мобильных макетов нет. Нужно самостоятельно сделать логичную и удобную адаптацию на основе десктоп-референсов. Особенно важно корректно адаптировать меню, карточки, каталог и фильтры предложений, формы, характеристики на страницах предложений, CTA-блоки и футер. Не нужен отдельный сложный мобильный дизайн с нуля, но это должно быть не просто уменьшенная десктоп-версия.
Добрый день. Надо подправить запуск сайта и возможно верстку на WordPresse. Сайт отображается при запуске как на скрине. Фрилансер который делал пропал и не доделал работу. Надо проверить правильность верстки и доделать ее. Как на десктоп так и на мобильной версии. Дизайн в фигме, дизайн который надо есть тоде на скриншотах, впринципе вроде сделано, но не доделано правильное отображение на разных размерах экрана.