Бюджет: 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/
Необходимо обновить дизайн действующего интернет-магазина joanna.od.com, который работает на OpenCart. Дизайн полностью подготовлен в Figma. Требуется качественно перенести его на сайт, сохранив весь существующий функционал. Что необходимо сделать * Выполнить адаптивную верстку по макету Figma. * Интегрировать новый дизайн в OpenCart. * Сохранить существующий функционал сайта. * Обеспечить корректную работу на компьютерах, планшетах и мобильных устройствах. * Сохранить или улучшить скорость загрузки страниц. Требования к исполнителю * Опыт разработки и доработки сайтов на OpenCart. * Опыт адаптивной верстки по макетам Figma. * Чистый, понятный код без лишних библиотек. * Исправление возможных ошибок после сдачи проекта. При отклике укажите * стоимость выполнения; * сроки; * примеры выполненных проектов на OpenCart; Макет Figma будет отправлен выбранному исполнителю после обсуждения проекта.
Необходимо выполнить верстку и разработку сайта в соответствии с техническим заданием, которое находится по ссылке на Google Drive (ссылка будет предоставлена исполнителю).Что необходимо сделать Разработать сайт в полном соответствии с ТЗ. Сверстать все страницы и реализовать необходимый функционал, предусмотренный техническим заданием. Сайт должен быть полностью готов к размещению на хостинге.Что делать НЕ требуется Не нужно настраивать отправку почты. Не нужно подключать или настраивать формы обратной связи. Достаточно подготовить место (HTML-блок) для последующего подключения формы нашей командой. Не требуется выгружать сайт на основной домен или сервер. Не требуется выполнять запуск проекта на нашем хостинге. Результат работы По завершении проекта исполнитель должен предоставить: архив со всеми файлами сайта; структуру проекта, полностью готовую к загрузке на наш сервер; все необходимые исходные файлы, чтобы после загрузки на наш домен и хостинг сайт можно было запустить без доработок. Дополнительные требования Код должен быть чистым, структурированным и понятным. Верстка должна корректно отображаться в современных браузерах. Адаптивность должна соответствовать требованиям, указанным в техническом задании Все пути к файлам должны быть относительными, чтобы проект корректно работал после переноса на наш сервер. При отклике просьба указать: стоимость выполнения; сроки; примеры аналогичных работ (если есть).
Необходимо сверстать сайт по дизайну. Макет кривой немного, поэтому 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 (если есть); примерную стоимость работы готовы ли к долгосрочному сотрудничеству.