Верстальщики — удалённая работа в Москве

Сверстать: Корпоративный сайт. Платформа: WordPress. Тип вёрстки: адаптивная. Есть макет. Нужен специалист для создания и размещения одной страницы на действующем сайте WordPress с конструктором YOOtheme. Дизайн, тексты и HTML-код для десктопной и мобильной версий уже подготовлены. Что нужно сделать: — Создать и опубликовать страницу по готовым HTML-прототипам (десктоп + мобильная версия). — Настроить адаптивную вёрстку и работу интерактивных элементов. — Предусмотреть возможность редактирования текстов и цен через админку WordPress (YOOtheme). Срок: 1–2 дня. В отклике укажите опыт работы с WordPress и HTML, ориентировочную стоимость и срок выполнения. Подробное ТЗ и файлы отправим заинтересовавшимся кандидатам.

Сверстать: интернет-баннер. Платформа: HTML. Есть макет. У нас есть готовый шаблон в фотошопе,есть практическое задание с которым дальше нужна помощь. Нужна верстка сайта и на этом затык.

Сверстать: Корпоративный сайт. Платформа: по рекомендации специалиста. Тип вёрстки: адаптивная. Макета нет.

Сверстать: Веб-приложение онлайн казино. Платформа: React 19 + Vite 6 + JavaScript/JSX + Tailwind CSS 4. Есть макет. Пожелания и особенности: Есть готовый дизайн онлайн-казино в Figma: десктопные и мобильные экраны, формы, модальные окна и различные состояния интерфейса. Нужен frontend-разработчик, который качественно перенесёт дизайн в React. Требуется не набор статичных HTML-страниц, а готовая компонентная вёрстка с работающими интерфейсными взаимодействиями. Подключение к нашему бэкенду мы выполним самостоятельно. Технический стек - React 19. - JavaScript / JSX. - Vite 6. - Tailwind CSS 4, при необходимости обычный CSS. - React Router 7 для переходов между страницами. Результат должен быть совместим с нашим существующим React-приложением. Next.js, другой фреймворк, конструкторы и смена стека без согласования не подходят. Дополнительные библиотеки согласовываются заранее. Что необходимо сделать 1. Сверстать согласованные экраны и состояния из Figma: главную, каталог и поиск игр, страницу игры, бонусы, VIP-раздел, профиль, кошелёк, формы входа и регистрации, меню и модальные окна. Точный перечень фиксируем после просмотра полного макета. 2. Реализовать десктопную и мобильную версии, включая промежуточные размеры экрана. Не просто уменьшить десктопный интерфейс, а соблюдать отдельный мобильный дизайн. 3. Максимально точно воспроизвести шрифты, размеры, отступы, цвета, изображения, иконки и расположение элементов. 4. Сделать работающую логику интерфейса: открытие и закрытие окон, переключение вкладок, меню, списки выбора, слайдеры, поиск и фильтрацию на тестовых данных. 5. Реализовать визуальные состояния элементов: hover, focus, disabled, загрузка, пустой результат, ошибка и успех. Для форм нужна клиентская проверка заполнения. 6. Проверить отображение в актуальных Chrome, Firefox и Safari, включая Safari на iPhone и встроенный браузер Telegram. Учесть экранную клавиатуру и безопасные отступы мобильных устройств. Как подготовить к подключению бэкенда - Использовать демонстрационные данные, вынесенные отдельно от компонентов. - Передавать данные и обработчики действий через понятные интерфейсы компонентов. - Повторяющиеся элементы оформить переиспользуемыми компонентами: кнопки, поля, карточки игр, окна, вкладки и другие общие элементы. - Отделить отображение интерфейса от получения данных, чтобы впоследствии заменить тестовые данные реальным API без переписывания вёрстки. - Для состояний «гость» и «авторизованный пользователь» предусмотреть демонстрационное переключение. Что не входит в работу Бэкенд, базы данных, настоящая авторизация, платёжные интеграции, расчёт балансов и бонусов, подключение игровых провайдеров и выкладка на production. Сами игры разрабатывать не нужно: на странице игры требуется оболочка интерфейса и демонстрационная область под последующее встраивание игры. Что ожидаем при сдаче - Полный исходный код проекта, запускаемый локально, с краткой инструкцией. - Демонстрационную сборку для проверки всех согласованных экранов. - Успешную сборку проекта и проверку линтером, отсутствие необработанных ошибок в консоли. - Корректный адаптив без наложений, обрезанного текста и случайной горизонтальной прокрутки. - Оптимизированные изображения и загрузку изображений по мере необходимости. - Исправление обнаруженных несоответствий согласованным макетам в рамках сдачи.

Сверстать: Корпоративный сайт. Платформа: WordPress. Тип вёрстки: по рекомендации специалиста. Есть макет. Есть существующий сайт компании, на него необходимо добавить информацию о новом продукте. Есть понимание блоков, которые должна содержать страница и +- текст для блоков.

Сверстать: лендинг. Платформа: Таптоп. Тип вёрстки: адаптивная. Есть макет. Нужно сверстать страницу кейса в Taptop по готовым десктопному и мобильному макетам из Figma. Сохранить дизайн, типографику, отступы и пропорции изображений.