Верстка страницы HTML/CSS/JS из Figma
Спасибо, 11 из 10!
Следует выполнить верстку следующих 2ух страниц -
https://cleanshot.com/share/tmv3BcYY
https://cleanshot.com/share/5zX4jjd8
Без использования фреймворков.
Обращаю внимание - требуется стилизация плагинов графиков (chart.js, apexcharts.js или других) под дизайн.
Детальное ТЗ в видео-формате - https://cleanshot.com/share/2H8Pky8b
Бюджет: 1000 EUR Срок: 5 дней
Олег, вижу задачу: аккуратная вёрстка 2 страниц без фреймворков и с тонкой стилизацией графиков под макет — это как раз тот случай, где важно не просто собрать блоки, а сохранить визуальную точность и поведение интерфейса. Сверстаю чисто на HTML/CSS/JS, адаптивно и с вниманием к деталям плагинов. Часто делаю такие интерфейсы для лендингов и кабинетов, где важны скорость, аккуратность и совпадение с Figma. Готова обсудить нюансы ТЗ и сразу приступить.
Бюджет: 2000 EUR Срок: 7 дней
Привет, я работал над версткой Dashboard для медицинской платформы с 15+ интерактивными графиками и таблицами, используя Chart.js и кастомную стилизацию под уникальный дизайн ✅
Планируется ли интеграция с backend API для динамических данных графиков, или пока только статическая верстка?
Предлагаю связаться, я бесплатно проконсультирую вас с технической стороны и составим план разработки + расскажу о моей команде!
Бюджет: 50 EUR Срок: 3 дня
Здравствуйте! Есть опыт разработки 8+ лет. Сделаю быстро, качественно, надежно.
Бюджет: 400 EUR Срок: 7 дней
Здравствуйте, Олег!
Наша IT-компания создаёт и дорабатывает веб-сайты, которые работают стабильно, быстро и решают конкретные бизнес-задачи клиента. Мы занимаемся разработкой веб-сайтов «с нуля», а также совершенствованием существующих решений, повышая их продуктивность и удобство использования для ваших пользователей.
Мы имеем опыт в:
- разработке адаптивных и быстрых сайтов на различных платформах (WordPress, OpenCart, Shopify, WIX);
- интеграциях с платёжными системами, CRM, внешними сервисами и внутренними системами;
- оптимизации производительности и безопасности сайтов;
- настройке аналитики и базовых SEO-инструментов;
- разработке программного обеспечения и автоматизации бизнес-процессов: управление клиентской базой, учёт ресурсов, автоматизация повторяющихся задач, интеграции со сторонними системами;
После завершения проекта мы предоставляем 14 дней технической поддержки. В этот период мы помогаем адаптировать систему к вашим бизнес-процессам и консультируем по любым вопросам, связанным с выполненными работами. Это позволяет быть уверенными, что разработанное решение работает стабильно с момента запуска и не требует дополнительных настроек.
Мы работаем структурированно, ответственно - на результат, который соответствует вашим бизнес-целям.
Бюджет: 400 EUR Срок: 5 дней
Здравствуйте)
Я ознакомилась с макетами и ТЗ. Работаю вместе с командой, поэтому можем качественно выполнить адаптивную верстку страниц без использования фреймворков, а также стилизовать графики в соответствии с дизайном.
Оставляю ссылку на портфолио, а также прикреплю пример работы, чтобы вы сразу могли ознакомиться) Freelancehunt
Буду рада обсудить детали!
Бюджет: 1000 EUR Срок: 7 дней
Добрый день!
Ознакомился с заданием — вёрстка двух страниц без фреймворков со стилизацией графиков под дизайн. Задача понятна, подобное делал.
Для точной стоимости и сроков лучше уточнить пару моментов: стек допустимых инструментов (только ванильный JS или можно Sass/PostCSS?), и какой именно графический плагин предпочтителен.
Примеры:
https://ai-desk.ai / https://momicro.com
GitHub: https://github.com/axbuglak
Пишите, обсудим детали.
С уважением, Буглак Алексей
Бюджет: 200 EUR Срок: 6 дней
Здравствуйте!
Готов помочь с вашим заданием по фронтенду: исправление верстки, редактирование сайта или создание компонентов.
Работаю с HTML, CSS, JavaScript. Делаю аккуратно, адаптивно и без лишнего кода.
Могу начать сразу 👍
Бюджет: 500 EUR Срок: 5 дней
Выполню верстку двух страниц по предоставленным ссылкам, без фреймворков, с акцентом на кастомную стилизацию графиков. Основной стек: HTML, CSS, JS. Напишите мне, обсудим все подробно, и я могу сразу приступить к выполнению.
Портфолио: Freelancehunt
Отзывы: Freelancehunt
Бюджет: 350 EUR Срок: 7 дней
Доброго дня, сверстаю HTML/CSS/JS с адаптивностью для разных экранов, без JS-фреймворков.
Бюджет: 500 EUR Срок: 6 дней
Здравствуйте!
Ознакомился с задачей и макетами — готов выполнить верстку двух страниц без использования фреймворков.
У меня есть опыт:
– чистой HTML/CSS/JS верстки (без библиотек)
– pixel-perfect воспроизведения дизайна
– адаптивной верстки
– работы с графиками (Chart.js / ApexCharts) и их кастомной стилизации под дизайн
Что сделаю:
– сверстаю обе страницы максимально точно по макету
– стилизую графики под ваш дизайн (цвета, шрифты, тултипы, линии, оси)
– обеспечу корректное отображение на разных экранах
– напишу чистый и понятный код
Могу начать сразу после уточнения деталей.
📅 Срок: 4–7 дней
Бюджет: 700 EUR Срок: 10 дней
Привет! Посмотрел оба макета и видео-ТЗ. Задача понятна: две страницы дашборда на чистом HTML/CSS/JS, с кастомизированными графиками под дизайн. По стеку предложил бы ApexCharts — он гибче, чем Chart.js для глубокой стилизации (градиенты, кастомные тултипы, анимации появления). Если есть предпочтения к другой библиотеке — обсудим. Несколько уточнений перед стартом:
Адаптив — от какой ширины? Мобильная версия нужна?
Данные для графиков — статический JSON или будет API?
Все состояния кнопок/фильтров/hover есть в Figma?
Коротко обо мне: 3+ года верстаю сложные интерфейсы (Webflow + кастомный код), имею опыт с интеграциями графических библиотек и кастомизацией под дизайн до пикселя. Готов показать релевантные кейсы. По срокам — после уточнений смогу дать точную оценку. Ориентировочно 2 страницы + стилизация графиков — 4-6 рабочих дней.
Бюджет: 70 EUR Срок: 3 дня
Добрый день!
Ознакомился с заданием, готов выполнить верстку 2 страниц из Figma без фреймворков, с адаптивом и подключением графиков под дизайн.
Готов обсудить детали и начать работу.
Бюджет: 180 EUR Срок: 4 дня
Здравствуйте!
Ознакомился с макетами и видео — задача понятна.
Сверстаю обе страницы аккуратно по пикселю, с адаптивом и чистым кодом (HTML/CSS/JS без фреймворков).
Отдельно уделю внимание графикам — подберу подходящую библиотеку (Chart.js / ApexCharts) и полностью стилизую под ваш дизайн, включая цвета, шрифты и поведение.
Также учту все детали из видео: состояния, анимации и интерактив.
📅 Срок: 3–4 дня
💰 Стоимость: 150–180$ (зависит от сложности графиков после детального просмотра видео)
Готов приступить сразу после уточнения деталей.
Если есть исходники (Figma) — будет быстрее и точнее реализовать.
Бюджет: 500 EUR Срок: 5 дней
Здравствуйте,
Беру задачу — Figma → HTML/CSS/JS вёрстка двух страниц HR-аналитики со стилизацией графиков под дизайн.
Объём работы реалистичен: 9-10 различных графиков (линейные, столбчатые с переключением осей, gauge для NPS, funnel для воронки), фильтры с dropdown'ами и датами, modal с таблицей.
Подход:
— apexcharts.js как основная библиотека (есть funnel, gauge, stacked bars из коробки).
— Чистый HTML/CSS/JS без фреймворков.
— Кастомизация цветовой палитры и типографики под дизайн.
— Tabs "Линейный/Столбчатый" и логика "Поменять оси местами" для каждого блока.
Артур
Бюджет: 60 EUR Срок: 1 день
Добрый день, готов сверстать вам на чистом коде ваши 2 страницы по макету з Figma. Специализация верстки сайтов по макету з Figma. Поэтому сделаю Pixel-Perfect верстку.
Сроки 1-2 дня.
Пишите обговорим детали, буду рад сотрудничеству!
Бюджет: 80 EUR Срок: 5 дней
Готов выполнить.
Опыт работы в Web Development более 12+.
Примеры работ https://koder.pp.ua/portfolio/
Бюджет: 300 EUR Срок: 3 дня
Добрый день, с удовольствием выполню ваш проект. Пишите в ЛС обсудим детальнее
Бюджет: 175 EUR Срок: 3 дня
Две страницы без фреймворков - ок, смотрел видео-ТЗ. Стилизация графиков под дизайн отдельно отмечена, тут чаще всего и прячутся часы. Делал похожее для дашборда аналитики: кастомные тултипы, легенды, анимации на chart.js, верстка с нуля на SCSS, сборка gulp. Смотрелось как единый продукт, а не библиотека из коробки. Есть только один момент: нужен ли пиксель-пёрфект по макету или достаточно визуального соответствия? От этого зависит, сколько времени уйдет на доводку.
Бюджет: 350 EUR Срок: 5 дней
Здравствуйте.
Сверстаю страницы по макету качественно, адаптивно и валидно.
Бюджет: 230 EUR Срок: 2 дня
Добрый день, просмотрев ТЗ, готов выполнить работу в течение 2 дней. Все элементы, которых не хватает, я добавлю собственноручно. Смогу все графики преобразовать в код.
Имею большой опыт с html/css/js и графиками.
Бюджет: 300 EUR Срок: 7 дней
Добрый день
готов обсудить детали в лс
----------------------------------
Бюджет: 1000 EUR Срок: 7 дней
Здравствуйте.Есть большой опыт в разработке сайтов.Готов сверстать страницы.
Бюджет: 700 EUR Срок: 7 дней
Без фреймворков сделаю чистый HTML/CSS/JS, адаптивность и поведение без сюрпризов на разных экранах. Уже работала с лендингами и интерфейсами для бизнеса, где важны и визуал, и аккуратная реализация. Буду рада обсудить детали ТЗ и сразу предложить понятный план работы.
Бюджет: 150 EUR Срок: 7 дней
Здравствуйте.
Посмотрел тз, реализую, могу сразу показать примеры выпадающих списков.
Если нужно будет сделаю также адаптив.
Есть опыт в работе с чистым html css js.
Обращайтесь.
Бюджет: 800 EUR Срок: 4 дня
Добрый день
Меня зовут Дмитрий
Ознакомился с макетами и требованиями — могу сверстать обе страницы без фреймворков, с полной соответствием дизайну
Что сделаю
чистая HTML/CSS/JS верстка (без фреймворков)
pixel-perfect по макету
адаптив под разные экраны
стилизация графиков (chart.js / apexcharts) под ваш дизайн
аккуратная интеграция без “костылей”
Работаю внимательно к деталям, особенно по UI и графикам — чтобы выглядело как в макете, а не “приблизительно”
Готов просмотреть видео-ТЗ и сразу приступить
Буду рад сотрудничеству
Бюджет: 40 EUR Срок: 2 дня
Здравствуйте! Разработаю для вас лендинг под ключ по вашему ТЗ.
Работаю с HTML/CSS/JS + Chart.js — гарантирую скорость, адаптивность и чистый код.
Постоянно на связи, соблюдаю дедлайны и довожу проект до результата.
Срок: 1-3 дня
Готов начать сразу.
Бюджет: 75 EUR Срок: 3 дня
Здравствуйте!
Готова выполнить вёрстку 2 страниц без фреймворков, на чистом HTML/CSS/JS.
Учту стилизацию графиков под дизайн — могу работать с Chart.js / ApexCharts.js и адаптировать внешний вид: цвета, сетку, подписи, тултипы, легенду, отступы.
Сделаю:
— аккуратную адаптивную вёрстку;
— соответствие макету;
— чистую структуру кода;
— стилизацию графиков под общий UI;
— корректное отображение на разных экранах.
Бюджет: 100 EUR Срок: 10 дней
✌️ Привет
• Предлагаем кандидатуру нашей команды (дизайнер + программист)
👉 Задача понятна — верстка двух страниц из Figma без использования фреймворков
🔥 На выходе — готовый сайт, а не головная боль, включая стилизацию графиков с chart.js
Пишите — стартуем, сроки обсудим в процессе
Не вижу НИКОЙ причины, почему наше сотрудничество не сложилось бы 🤝
Последние проекты: isolar.com.ua, mevis.ua, take-transfer.com
Бюджет: 300 EUR Срок: 5 дней
Изучил задание по верстке страниц из Figma и вижу, что требуется не просто вёрстка, а также стилизация графиков с использованием pлагинов. Это потребует аккуратности и знания специфики работы с такими библиотеками, как chart.js и apexcharts.js. Обращаю внимание на важность детальной проработки графических элементов, чтобы они органично вписывались в общий дизайн.
Планирую начать с тщательной верстки двух страниц, далее займусь настройкой графиков с акцентом на стилизацию и адаптацию их под дизайн макета. Основная сложность может заключаться в детализации взаимодействия графиков с данными. Тут важно, чтобы все элементы были не только эстетически приятны, но и корректно отображали информацию.
Рекомендую уточнить, какие именно данные будут передаваться в графики и есть ли какие-то специфические требования к их функционалу. Это поможет избежать недоразумений на этапе реализации.
Оценка за выполнение всей задачи - 11000 грн, срок - 5 дней. Если всё устраивает, давайте обсудим детали и запустим проект.
P.s. предоставьте ссылку на фигму
ТЕХНИЧЕ ЗАДАНИЕ (ТЗ)на разработку премиум-лендинга«Очищенная Питьевая Вода»1. Общая информация о проекте Тип сайта: Одностраничный премиум-лендинг (Landing Page) с высокой конверсией и возможностью расширения до полноценного сайта с блогом/базой знаний. Цель: Привлечение лидов (заявки на консультацию), построение доверия к бренду через эмоциональный визуал, научные факты и демонстрацию ценностей компании. Платформа: Исполнитель предлагает оптимальную платформу (Webflow или WordPress + Bricks Builder) с обоснованием в коммерческом предложении. Предпочтение отдается решениям, которые обеспечивают чистый код, высокую скорость и премиальный визуал без шаблонных решений.2. Целевая аудитория Семьи (особенно с детьми), которые заботятся о здоровье и качестве жизни. Люди, которые ценят продуманную кухню, качественную очищенную воду и долгосрочные решения для дома. Лица 30–55 лет, средний и выше среднего доход, которые ищут надежного партнера для установки системы очистки воды с сервисом.3. Визуальный стиль и дизайн (UI/UX) Референс: Прилагается референсный макет (изображение телефона с hero-секцией и блоком «Ценности»). Стиль должен полностью соответствовать этому макету: чистый, светлый, премиальный lifestyle с теплыми акцентами. Цветовая гамма: Белый и светло-серый фон (чистота), элементы натурального дерева или теплые акценты, солнечно-оранжевые/желтые кнопки CTA, глубокий синий/антрацит для текста. Изображения: Исключительно премиальный lifestyle. Живые эмоциональные люди (не смотрят в камеру), мягкое утреннее солнечное освещение, натуральные цвета. Никаких искусственных стоковых фото. Типография: Современная, читаемая, с достаточным межстрочным интервалом и белым пространством. Профессиональный уровень без перегрузки.4. Структура лендинга (6 основных блоков)БЛОК 1. Главный экран (Hero) Визуал: Большое светлое фото на весь экран — современная кухня, мама, папа, дочка и сыночек пьют чистую воду из стеклянных стаканов, улыбаются, мягкое утреннее солнце. Заголовок: «Ваше здоровье начинается с глотка очищенной питьевой воды.» Подзаголовок: Системы очистки питьевой воды с пожизненным сервисным обслуживанием для вашей семьи каждый день. CTA-кнопка: «Получить консультацию эксперта» (оранжевая/желтая, заметная).БЛОК 2. Наши Ценности и Философия (Обращение основателя) Визуал: Профессиональное фото владельца (smart casual, открытый и доверительный вид). Текст (из референса): НАША МИССИЯ Личное обращение: CTA: «Я хочу быть здоровым» (скролл до Блока 3 или формы).БЛОК 3. Просветительский курс (Научный подход) Заголовок: Узнайте больше о воде, которую вы пьете! Формат: Стильная интерактивная сетка из 10 кликабельных блоков/карточек. Каждая карточка ведет на отдельную страницу статьи/видео (рекомендуется для SEO) или модальное окно с полным текстом/видео. Примечание: Тексты/видео статей предоставляет Заказчик. Исполнитель обеспечивает удобную структуру и привлекательное отображение.БЛОК 4. Очищенная питьевая вода меняет вкус жизни! (Эмоциональные доказательства) 4 премиальные карточки в сетке или коллаже: Здоровье: Девушка пьет очищенную воду. Текст: «Восстанавливайте свое здоровье глоток за глотком.» Борщ / Блюда: Макро борща с паром. Текст: «Почувствуйте насыщенный вкус своих блюд с очищенной питьевой водой.» Кофе / Чай: Отец заварит кофе, бабушка с чашкой чая. Текст: «Раскройте настоящий аромат кофе и насладитесь ароматным чаем.» Быт / Техника: Дочка гладит рубашку чистым паром. Текст: «Сохраните технику на годы: идеальный пар без накипи.»БЛОК 5. Комплексное решение (Продукт) Визуал: Эстетичный монтаж 5-ступенчатой системы обратного осмоса под мойкой (чистый вид, без хаоса трубок) + стильный отдельный кран на столешнице. Текст: Преимущества через конечный результат для клиента (чистота, вкус, забота о здоровье). Оффер: «Система под ключ + Профессиональный монтаж + Пожизненный сервис».БЛОК 6. Блок доверия (Социальные доказательства и гарантии) Главный триггер: Большая акцентная плашка: «Если качество воды вам не понравится — верните систему в течение 60 дней (0% риска)». Элементы: Карусель отзывов (видео или скриншоты реальных переписок). Галерея реальных работ «До / После» монтажа. Логотипы / упоминания (если есть).5. Функциональные и технические требованияФормы и лидогенерация Форма консультации с полями: Имя, Телефон, Город/район, «Какая вода у вас сейчас?» (или короткий вопрос). Интеграция с Telegram-ботом или CRM (на выбор Заказчика).Аналитика и маркетинг Google Analytics 4 + событие на отправку формы. Meta Pixel (Facebook/Instagram). Настройка конверсий.Скорость и SEO PageSpeed Insights ≥ 90 на мобильном и десктопе. Чистая семантическая верстка, оптимизированные изображения, lazy loading.Мобильная версия Mobile-first дизайн. Идеальное отображение на iPhone и Android (референс — макет на телефоне).CMS и статьи Удобная система для добавления и редактирования статей курса (коллекция/посты).6. Этапы выполнения и утверждения (4 этапа) Прототип (UX-черновик): Черно-белая схема расположения блоков и кнопок. Проверка логики и акцентов. Дизайн-концепт (UI): Цветной макет первых 3 блоков с утвержденными фото. Проверка стиля, шрифтов, цветов кнопок. Полный дизайн: Визуализация всех 6 блоков. Финальные правки по графике. Верстка и запуск: Готовый сайт на выбранной платформе. Проверка скорости, адаптивности, работы форм, аналитики.7. Требования к исполнителю Опыт создания премиум-лендингов для продуктов/услуг здоровья, экологии, техники или lifestyle-брендов (обязательно портфолио с ссылками). Опыт работы с Webflow или Bricks Builder (обязательно). Готовность работать поэтапно с промежуточными утверждениями.8. Что нужно в коммерческом предложении Рекомендуемая платформа с обоснованием (Webflow / WP + Bricks). Фиксированная стоимость с разбивкой по этапам (или фикс + возможные правки). Сроки выполнения по этапам. 2–3 релевантных примера из портфолио (ссылки + короткое описание). Условия поддержки после запуска (первые 1–3 месяца). Контактное лицо и готовность к звонку/встрече для обсуждения.9. Дополнительная информация Весь текстовый контент (кроме референсных фраз) предоставляет Заказчик. Фото и визуалы: Выполняет исполнитель, интегрирует и оптимизирует. Домен и хостинг: Заказчик предоставляет или исполнитель помогает с подключением. Авторские права: После полной оплаты все права на сайт переходят Заказчику.
Добрый день. Надо подправить запуск сайта и возможно верстку на WordPresse. Сайт отображается при запуске как на скрине. Фрилансер который делал пропал и не доделал работу. Надо проверить правильность верстки и доделать ее. Как на десктоп так и на мобильной версии. Дизайн в фигме, дизайн который надо есть тоде на скриншотах, впринципе вроде сделано, но не доделано правильное отображение на разных размерах экрана.
Есть страница нашего сайта (лист ожидания) - https://onchainradar.ai Она слишком сильно перегружена и лагает. Нужно это исправить, немного подкорректировать анимации и некоторые элементы на мобильном. Сайт на html и css. Оцените сроки реализации и стоимость. Нам это нужно уже сегодня-завтра максимум. Спасибо.
Необходима помощь в настройке шаблона дизайна WIX под собственный бренд. Предпочтительно специалисты с опытом работы с Wix.
Создать аналоги сайта по автобусным перевозкам как pavluks-trans и рубикон Можно на готовом шаблоне дизайн +-