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

Сверстать: Веб-приложение онлайн казино. Платформа: 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. Сохранить дизайн, типографику, отступы и пропорции изображений.

Сверстать: Корпоративный сайт. Платформа: WordPress. Тип вёрстки: адаптивная. Есть макет. Пожелания и особенности: Нужно сверстать 1 страницу на сайте. По макету. Страница в дальнейшем должна быть доступной для редактирования мной, без привлечения специалистов.

Сверстать: интернет-магазин. Платформа: HTML. Тип вёрстки: адаптивная. Есть макет.

Сверстать: лендинг. Платформа: Tilda. Тип вёрстки: адаптивная. Есть макет.

Тип вёрстки: адаптивная. Есть макет. Пожелания и особенности: Сверстать адаптивное HTML-письмо по макету Figma Описание задачи: Нужен специалист для вёрстки рекламного email-письма по готовому дизайну в Figma. Что необходимо сделать: Сверстать письмо с использованием HTML и CSS. Сделать адаптацию под мобильные устройства. Обеспечить корректное отображение в Gmail, Outlook и других популярных почтовых клиентах. Добавить кнопки со ссылками и изображения. Использовать табличную вёрстку и inline-стили. Проверить отображение письма на разных устройствах. Макет и все необходимые материалы предоставим. Результат: готовый HTML-файл письма с корректным отображением в почтовых клиентах. Бюджет: 4 000 ? Срок: 2 дня.