Верстка интерфейса веб-приложения по Figma

Что нужно сделать?
Необходимо выполнить верстку интерфейса веб-приложения по готовым макетам Figma.
Первая задача — сверстать несколько экранов сервиса с адаптацией под основные разрешения.
При успешном выполнении возможна передача следующих аналогичных задач.
📌 Что нужно сделать
- сверстать страницы по макету Figma
- реализовать адаптив (desktop / tablet / mobile)
- обеспечить pixel-perfect соответствие дизайну
- использовать Tailwind CSS
- подготовить верстку для дальнейшей интеграции в React
Проект: SaaS-сервис (админ-панель и пользовательские интерфейсы).
🔧 Требования к результату
- чистый и структурированный код
- корректная работа во всех современных браузерах
- использование Flexbox / CSS Grid
- аккуратная адаптивная верстка
- готовность к интеграции разработчиками
⚙️ Условия работы
- постановка задач через таск-менеджер
- предварительная оценка времени выполнения
- проверка результата после сдачи
- оплата за выполненную задачу
📩 В отклике укажите
- примеры верстки интерфейсов
- опыт работы с Tailwind
- стоимость часа работы
Если вы обладаете этими навыками, Пишите в лс, все обсудим подробно

Цена: договорная

Перейти к заявке 👨‍💻

#верстка #фриланс

Junior верстальщик

Компания: Advert Technology Solutions
Опыт работы: без опыта
Формат работы: #удаленка
Зарплата: от 60 000 до 70 000 ₽ за месяц

Задачи:
- Размещение контента в html-разметке;
- Корректировка и дополнение css-стилей;
- Подготовка лендингов с опорой на чужой код;
- Интеграция готовых скриптов в лендинг;
- Минимальная оптимизация своего и чужого кода (удаление неиспользуемых мета-тегов, блоков в разметке, скриптов, стилей, файлов);
- Поддержка существующих лендингов.

Откликнуться 👨‍💻

#верстка @job_webdev

Верстка HTML по макету Figma

Что нужно сделать?
Ищу специалиста по чистой HTML/CSS верстке для создания полноценного сайта.
Проект изначально был создан на платформе Lovable.
После этого дизайн и структура были доработаны совместно с клиентом в Visily.
Финальная версия макета будет предоставлена в Figma.
Что необходимо:
Полностью сверстать сайт по макету Figma
Чистый, аккуратный HTML/CSS код
Адаптивная верстка (desktop / tablet / mobile)
Семантическая структура (SEO-корректная разметка)
При необходимости — базовые анимации
Без использования тяжелых конструкторов и лишних фреймворков
Важно:
Сайт должен быть полностью готов к использованию
Сначала необходимо загрузить сайт на временный домен для проверки
После утверждения и оплаты клиентом — перенести на основной домен
Код должен быть структурированным и легко поддерживаемым
В отклике прошу указать:
Стоимость проекта
Сроки выполнения
Примеры выполненных работ
Используемый подход к верстке

Цена: договорная

Перейти к заявке 👨‍💻

#верстка #фриланс

Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. Анимации с помощью Lottie и Bodymovin
2. Куки в JavaScript
3. Веб приложение для рисования на Vue.js

Лучшие фронтенд вакансии @job_webdev:
1. Верстальщик HTML/CSS
2. Разработчик JavaScript/NodeJS
3. Junior верстальщик

Лучшие дизайн вакансии @job_webdesign:
1. UX/UI Designer
2. web designer
3. product designer

#лучшеезанеделю

frontend разработчик

Компания: NDA
Регион: Москва
Опыт работы: от 3 лет
Формат работы: #гибрид
Зарплата: 200 000 ₽

задачи
- Разрабатывать UI для дашбордов, графиков и интерактивных отчетов.
- Работать с API (REST/WS).
- Оптимизировать производительность.
- Делать адаптивную верстку.

требования
- React + Vite.
- Zustand для управления состоянием.
- TanStack Query для серверного состояния и кэширования.
- Swiper для слайдеров и каруселей.
- Styled-components для стилизации.
- Адаптивная верстка, оптимизация производительности, работа с API (REST/WS).
- Базовые навыки: локальное хранение, обработка больших данных в UI.
- Не менее 3 лет в frontend-разработке (React).
- Проекты с аналитикой данных и дашбордами в production.
- Работа в команде (Git, code review, Agile).
- Деплой и поддержка высоконагруженных SPA.
- Будет плюсом интеграция с чартами (Chart.js/Recharts), дашбордами, TypeScript, тестирование (Vitest/Jest, React Testing Library), работа с ML-визуализацией (графики предикций, NLP-результатов), мониторинг фронтенда (Sentry), PWA, WordPress: разработка тем, плагинов, интеграция с React (Headless WP, REST API).

Откликнуться 👨‍💻

#frontend @job_webdev

Настройка сайта, посадка wordpress

Что нужно сделать?
Настройка сайта, посадка wordpress (возможны другие варианты)
Верстка 2 страниц,
1 страниц информационная
2 страница каталог
-подключить платежный канал

Цена: договорная

Перейти к заявке 👨‍💻

#верстка #фриланс

Frontend-разработчик (Vue 3 + ts)

Компания: Offer
Опыт работы: от 3-5 лет
Зарплата: от 150 000 до 350 000 ₽

Основные задачи:
- Разрабатывать и поддерживать фронтенд-приложения на Vue 3;
- Интегрироваться с backend API;
- Обеспечивать доступность и адаптивность;
- Участвовать в проектировании архитектуры фронтенда и принимать ключевые решения совместно с Team Lead;
- Заниматься версткой по макетам Figma.

Обязательно:
- Чистый и свежий опыт коммерческой разработки на Vue 3 от 3-5 лет (важно, реакт не считается!),
- Следование официальному Vue Style Guide;
- Уверенное владение TypeScript, HTML5, CSS3;
- Опыт работы с SPA, state management, REST API;
- Понимание принципов чистого кода, компонентной архитектуры;
- Опыт работы в микросервисной архитектуре;
- Опыт проведения code review и наставничества;
- Верстка по макетам Figma, уверенная работа в Dev Mode, чтение layout-сеток, constraints и Auto Layout, корректная типографика/межстрочные; умение извлекать спецификации, экспортировать и оптимизировать SVG/растры; перенос дизайн-решений в код без визуальных расхождений;
- Понимание Figma variables и принципов design tokens, умение маппить их на CSS/SCSS/utility-классы, поддержка светлой/тёмной темы и режимов доступности;
- Умение поднимать/поддерживать Storybook, писать CSF/TypeScript-stories, настраивать ArgTypes/Controls, оформлять Autodocs или MDX-страницы с примерами использования и edge-кейсами; поддерживать структуру каталога компонентов;
- Визуальные регрессионные тесты в контуре Storybook.

Откликнуться 👨‍💻

#frontend @job_webdev

Разработка изометрической карты, Frontend, PixiJS/React

Что нужно сделать?
Описание проекта:
DreamWay — игра в Telegram, где игрок обустраивает футуристический остров. Необходимо разработать клиентскую часть: отрисовку изометрической карты с использованием PixiJS и пользовательский интерфейс на React. Карта должна поддерживать перетаскивание, масштабирование, отображение зданий с таймерами строительства.
Стек:
PixiJS (v7+) — рендеринг графики
Nuxt (3) — интерфейс и состояние
TypeScript (обязательно)
Что предстоит сделать:
Инициализировать холст PixiJS внутри React-приложения.
Настроить viewport (drag, pinch-to-zoom) с ограничениями.
Реализовать загрузку и отображение изометрических спрайтов (карта, здания, подсветка слотов).
Добавить интерактивность: кликабельные слоты, визуальную подсветку.
Связать React и PixiJS: клики по слотам открывают меню строительства (React-компонент).
Разработать компоненты интерфейса: панель ресурсов, модальное меню строительства (glassmorphism), карточки зданий, таймеры обратного отсчёта.
Интегрировать API (получение состояния острова, отправка команд строительства).
Опыт работы с PixiJS (коммерческие проекты, игры или интерактивные приветствуются).
Уверенное знание React и управление состоянием.
Понимание особенностей изометрической графики (сортировка по Z, координаты).
Опыт оптимизации производительности графики на мобильных устройствах.
Умение работать с асинхронностью.
ТЗ: https://docs.google.com/document/d/1Gy4KvUz6aN-Gt4F7LwCKeHhcZqkxevnTd9haLQaJxVw/edit?pli=1&tab=t.0#heading=h.73v6r72z2aid

Цена: до 150000 руб.

Перейти к заявке 👨‍💻

#frontend #фриланс

Создание сайта

Что нужно сделать?
Задача: Изготовление современного и сильного сайта для компании. Без магазина, с регистрацией клиентов, заявки, отправляются на общую почту через сайт.

- Разработка сайта на OctoberCMS (отличная CMS, понятная для управления и интегрируется)
- Индивидуальный дизайн без шаблонов. Учтем фирменный стиль, цвета и дополнительные пожелания
- Профессиональная верстка
- Современная верстку с учетом телефонов и планшетов (адаптивность сайта) !
- Предусмотрим на сайте поиск, отложенные товары (избранное)
- Возможность размещения видео на главной странице, в карточке с товарами (при необходимости)
- Удобная панель управления
- Полностью передаем все доступы и пароли к сайту после его изготовления
- Год бесплатного размещения сайта на нашем хостинге
- Бесплатно обучим работе с сайтом (дополнительно подготовим видео или текстовый файл с инструкцией
- Сами регистрируем сайт в поисковых системах, вам не нужно ничего делать
Также требуется
Занесение новых товаров на сайт с сайтов наших дилеров.
Примерно 2000 позиций и более.
Обязательно, по желанию клиента, уже на новый работающий сайт можем вносить дополнения/изменения в дизайн или механику: менять оформление/цвета, добавлять новые блоки на информационные страницы или в карточки с товарами, реализация личного кабинета, калькулятора, корзины и т.д.
Вторым этапом нужно предложить услуги продвижения, сайт должен быть адаптивным под продвижение

Цена: до 50 000 ₽

Перейти к заявке 👨‍💻

#верстка #фриланс

Frontend developer

Компания: Факт
Опыт работы: #middle
Формат работы: #удаленка
Зарплата: от 164 500 ₽

Требования
- Понимать принципы создания быстрого фронта
- Иметь опыт работы с vue.js, react.js
- Иметь опыт работы с git
- Иметь опыт работы с webpack
- Иметь опыт работы с SSR
- Знать БЭМ на уровне именования классов
- Понимать CSS-анимацию
- Понимать принципы построения удобного и понятного пользовательского интерфейса
- Будет плюсом опыт работы с другими js-фреймворками

Откликнуться 👨‍💻

#frontend @job_webdev

Верстка простого сайта на framer/taptop

Что нужно сделать?
Необходимо сверстать простой сайт портфолио с помощью framer/taptop. Будет главная страница на 5-6 блоков, шаблон страницы-статьи (в CMS) и форма для заявки. Брейк поинтов предварительно будет 3. Предварительный вид десктопной главной страницы прикрепил в пдф, исходные макеты передам уже на этапе обсуждения

Цена: до 30000 руб.

Перейти к заявке 👨‍💻

#верстка #фриланс

Платформа для учебного центра

Что нужно сделать?
Платформа для учебного центра
Дизайн в фигме имеется
Нужна платформа для учебного центра
чтобы могла принимать экзамены, тесты
Размещение учебных программ
Видео для обучения и т.д.
Также чтобы был адаптив к мобильной версии
примерно такого плана https://cdoprof.com/demo/
На yii2 или Питоне

Цена: до 60000 руб.

Перейти к заявке 👨‍💻

#верстка #фриланс

HTML-верстальщик

Компания: kerka.dev
Регион: Санкт-Петербург
Зарплата: от 180 000 до 250 000 ₽

Опыт работы с современными фреймворками:
React
Next.JS
Знание JSX (для React)
Опыт работы с состоянием (Redux)

Будет плюсом:
Опыт работы с Next.js (SSR/SSG);
Знание Node.js на уровне понимания работы бэкенда или создания BFF (Backend for Frontend);
Опыт использования cloud-based IDE с интеграцией ИИ-плагинов;

Знание HTML/CSS:
Хорошее понимание принципов семантической вёрстки
Хорошее понимание адаптивной и отзывчивой вёрстки
Опыт работы с препроцессорами CSS (Sass)

JavaScript:
Опыт работы с ES6+ (async/await, промисы, деструктуризация и т. д.)
Знание TypeScript
Знание концепций объектно-ориентированного программирования

Откликнуться 👨‍💻

#frontend @job_webdev

Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. Полезные js библиотеки
2. Анимация `height: auto` без JS через `display: grid`
3. Макет для тренировки (stroymonolit)

Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend developer
3. Frontend-разработчик (Vue 3 + ts)

Лучшие дизайн вакансии @job_webdesign:
1. UX/UI Designer
2. Junior веб-дизайнер
3. Product Designer

#лучшеезанеделю

React для доработки верстки

Что нужно сделать?
Остался небольшой набор точечных задач по интерфейсу — продукт практически готов, требуется лишь аккуратно завершить отдельные элементы и исправить мелкие несоответствия.
Работа проходит в режиме онлайн через AnyDesk, подключение к моему рабочему пространству.

Цена: до 1 500 ₽

Перейти к заявке 👨‍💻

#frontend #фриланс

Верстка двух ленднгов

Что нужно сделать?
Нужно сверстать два лендинга. Без каких-либо технологий. Просто html, css, js. Нужно чтобы блоки были независимы друг от друга. В будущем блоки могут скрываться или меняться местами. Дизайн имеет пк и мобильную версию. Дизайн прикрепил. Пишите свои условия. Например, в синем переходы между блоками сложные

Цена: до 15000 руб.

Перейти к заявке 👨‍💻

#верстка #фриланс

HTML-верстальщик

Компания: Сепиум Групп
Регион: Москва, Яхромская
Опыт работы: 1–3 года
Формат работы: #гибрид
Зарплата: от 80 000 ₽ за месяц

Обязанности:
- Верстка HTML/CSS/JavaScript по предоставленным дизайн-макетам в Figma
- Оптимизация и рефакторинг существующей верстки и скриптов
- Работа в команде с проект-менеджером, бэкенд-разработчиками, дизайнерами и seo-специалистами.

Требования:
Отличное знание HTML5, CSS3, JS
Знание и понимание принципов адаптивной и кроссбраузерной верстки
Опыт работы с БЭМ, flex, grid, rem
Навык оптимизации медиа-элементов (sprite, webp)
Внимательность к деталям, аккуратность и стремление к высокому качеству кода

Откликнуться 👨‍💻

#верстка @job_webdev

Сверстать макет для сайта на Webflow+js

Что нужно сделать?
Требуется доработать сайт на Webflow, нужно сверстать макет для сайта и подвязать логику на js, чтобы скрывать макет для пользователя по клику

Цена: до 22000 руб.

Перейти к заявке 👨‍💻

#верстка #фриланс

Доделать верстку (идет перехват события)

Что нужно сделать?
вроде я вывел сами тултипы, поставил скрипт в футер, но что то перехватывает события

Цена: договорная

Перейти к заявке 👨‍💻

#верстка #фриланс

Стажер Frontend-разработчик

Компания: PREAX

Чем предстоит заниматься:
- Командная реализация реальных задач в формате спринтов (от простых к более сложным задачам).
- Создание полноценных сервисов и приложений «с нуля», собирая их по частям, а также поддержка и развитие текущих проектов.
-Работа с легаси-кодом: доработка чужих проектов, анализ, рефакторинг и внесение необходимых точечных правок в существующую кодовую базу.
- Практика работы с дедлайнами и тренировка оценки времени выполнения задач.
- Тренировка в реальных рабочих условиях: неполные ТЗ, уточнения от «заказчика» и новые вводные.
- Регулярное код-ревью: предстоит проверять работы других участников, получать кучу обратной связи по своим работам, а после делать дебаггинг и рефакторинг.

От тебя требуется:
- Базовые знания HTML, CSS, JS и Git. Будет плюсом, если ты знаком с React, TypeScript, работал с разными стейт-менеджерами и сборщиками.
- Готовность уделять практике от 3-х часов в неделю, с возможностью делать перерывы.
- Доброжелательность: позитивный настрой и готовность работать в команде, поддерживать здоровую коммуникацию.
Образование и локация не имеют значения.

Откликнуться 👨‍💻

#frontend @job_webdev

Верстка сайта (тематика - стиль/мода

Что нужно сделать?
Нужно реализовать frontend сайта Atellier Persona по утвержденному макету Figma в desktop и mobile версиях. Требуется аккуратная адаптивная реализация, максимально близкая к макету, с реализацией всех экранов, компонентов, интерактивных состояний и форм. Код должен быть чистым, компонентным и подготовленным к дальнейшей интеграции с backend/API. Итогом должны быть исходники проекта, инструкция по запуску и полностью рабочий frontend.
задача: перенос существующей версии вебсайта проекта на новый UI/UX дизайн по Figma.
Детали:
— Разработка пользовательских интерфейсы веб-версии сервиса (Desktop и Мобильная верстка)
— Обеспечивать кроссбраузерную и адаптивную верстку
— Верстка страниц и компонентов по дизайн-макетам (Figma)
Формат реализации: 
- Web, адаптивная реализация для Desktop и Mobile
Требования:
— Знание: JavaScript (ES6+), HTML5, CSS3
— Понимание принципов адаптивной и семантической верстки
— Опыт работы с REST API
Макет (еще дополнится 6 страницами):
https://www.figma.com/design/qo4rYSGGuD01NtjHW62n6u/Atellier-Persona?node-id=0-1&t=BJrvcYqWr4ejo5Ae-1
ТЗ: в приложенном файле.
Черновик страниц сайта - в приложенном файле. 

Цена: до 60000₽

Перейти к заявке 👨‍💻

#верстка #фриланс