Адаптивная вёрстка по макету figma

Frontend 04.11.24 15:39

Бюджет: 10000 руб.

1. Общие требования Тип проекта: Верстка веб-страницы по макету Figma https://www.figma.com/design/lrjLHUBCTQZt6DMOSSUJY...Цель: Реализовать адаптивную и кроссбраузерную верстку.Технологии: HTML5, CSS3 (Flexbox, Grid), SCSS или PostCSS для CSS-препроцессинга, JavaScript (ES6+), фреймворки и библиотеки по необходимости 2. Требования к вёрстке Адаптивность: Страница должна корректно отображаться на экранах от 320px до 1920px. Использовать принцип mobile-first.Кроссбраузерность: Поддержка последних версий популярных браузеров (Chrome, Firefox, Safari, Edge).Pixel Perfect: Соответствие макету из Figma.Оптимизация для SEO: Заголовки, альтернативные описания для изображений, семантические HTML-элементы. 3. Функциональные элементы Меню навигации:Адаптивное бургер-меню на мобильных устройствах.При клике на меню выполняется плавное раскрытие с анимацией.Слайдеры и карусели:Использование библиотек для каруселей (например, Swiper.js).Адаптация слайдера для мобильных устройств.Формы:Реализация полей ввода с валидацией (например, email, номер телефона).Модальные окна:Модальные окна для различных всплывающих окон.Таблицы и списки:Адаптивная верстка таблиц с возможностью горизонтальной прокрутки на мобильных устройствах.Фильтрация:Чекбоксы: Реализовать стилизованные чекбоксы, соответствующие макету Figma. Проверка состояния с анимацией при выборе.Селекты: Использовать кастомные стилизованные выпадающие списки (селекты) с анимацией при открытии и выборе опций. Инпуты: Реализовать текстовые поля для фильтрации по значению. Поля должны быть стилизованы в соответствии с макетом и включать состояние ошибки при некорректном вводе.Спойлеры:Спойлеры: Реализовать спойлеры для показа/скрытия содержимого с анимацией. При раскрытии одного спойлера другие должны сворачиваться, если указано в макете (аккордеон). Плавная анимация раскрытия и закрытия с использованием CSS или JavaScript.

Найдено 8409 результатов

Срочно доработать сайт на тильде

Привет. Мы производители корпоративного мерча станок. Нам нужно срочно доделать проект сайта на тильде и залить на домен. также, нам очень важно что бы скорость загрузки была хорошей. https://stanokstudio-dev.tilda.ws/ - проект сайта. https://www.figma.com/design/MeNrHJWZ9QSlvEy9LIDEIA/%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%BA-%D1%81%D0%B0%D0%B9%D1%82?node-id=0-1 - фигма изменениями. Задача очень срочная, будем выбирать в течении дня, поэтому скидывайте ваше портфолио и будем работать. У нас есть еще проекты, поэтому с удовольствием нашли бы специалиста на долгий срок. 1500 рублей готовы заплатить за эту работу.

Доработка и настройка сайта

Опубликован:
20.10.24 14:55

Бюджет:
3000 руб.~$37.45

Вёрстка Сайта по макету Фигма

Все экраны - https://www.figma.com/design/m1jNl2RGWWwEHm2ZXVJVF1/Sound-Healing-Center?node-id=0-1&t=TpDHKIFhbQPC8BKg-1 От вас требуется сделать макеты, на которые мы уже будем подвязывать функционал. Т.е. условно, для страницы каталога у нас должен быть шаблонный элемент товара и контейнер для таких элементов, в котором они уже автоматически сортируются с помощью стилей Большинство экранов простые, вёрстку в идеале закончить к среде, т.е. есть 4 дня, если не считать сегодняшний. Жду ваши предложения!

Верстка

Опубликован:
20.10.24 13:21

Бюджет:
16000 руб.~$199.73

Pixel-perfect вёрстка трёх страниц

Pixel-perfect вёрстка трёх страниц Фигмы на Vue Необходимо сверстать 3 простые страницы. Фокус:Сделать один в один с фигмой, по pixel perfect. Адаптива в Фигме нет,делаем на глаз. Figma: https://www.figma.com/design/zi1Tc0ooruuOSkfgr1IEqe/frauenzeit?node-id=0-1&t=leYTksiF7G6b2EXm-1 Инструкция: Взять за основу шаблон со сборщиком vite. Ссылка: https://github.com/devilnaz/kess.de-design-template Перед началом работы ознакомиться с требованиями и рекомендациями по ссылке: https://github.com/devilnaz/kess.de-design-template/blob/main/README.md

Верстка

Опубликован:
20.10.24 12:48

Бюджет:
4000 руб.~$49.94

Cверстать приложение согласно макету используя React

Условие:Задана ссылка на макет фигмы (Интернет-магазин): https://www.figma.com/file/0pMguGfGcTgufmXlNJe5gO/IE-FE?type=design&node-id=0%3A1&mode=design&t=SVYvDXP7EzFIVWrg-1Необходимо сверстать приложение согласно макету используя React. В проекте должны использоваться библиотеки для реализации механизмов работы магазина:React-router-domReact-hook-formReduxRedux-thunk Основные технические требования: Архитектура приложения (паттерн проектирования) должен соответствовать подходу, который обсуждался во время занятия (у каждого компонента своя папка (UI компоненты, pages компоненты, хранилище)). У каждого компонента должна быть модульная стилизация (и так же общая стилизация для всех компонентов). Имена компонентов должны полностью соответствовать их содержимому.В работе должно быть реализовано redux-хранилище с редьюсерами:Продукты, категории, продукт, корзина. Данные должны подтягивать асинхронно используя сетевые запросы, адресованные *бекенду.Для каждой страницы должен быть реализован _Page-компонент, формирующую специальную ссылку (path) для доступа (определяется самостоятельно). Бэкенд:Сетевые запросы должны быть адресованы локальному бэкенду, который будет доступен по ссылке: Необходимо его скачать и выполнить установку node_modules, используя команду: npm iПосле установки для запуска выполните команду: npm run devДалее инструкции находятся в файле README.MD Критерии оценки: Стилизация итогового проекта полностью удовлетворяет требования, указанных в макете. (макс. 20 баллов)В проекте соблюдается паттерн проектирования. Имена компонентов соответствуют их содержимому, присутствует модульная стилизация, верным образом сформирована архитектура хранилища. (макс. баллов 30)В работе используется хранилище Redux. Осуществляются сетевые запросы к бекенду. Хранилище верным образом работает с стейтом (фильтрация товаров, сортировка, заполнение) (макс. баллов 50)

Frontend

Опубликован:
20.10.24 12:20

Бюджет:
2000 руб.~$24.97

Верстка и натяжка

Сайт Apsnyhotels.ru на Joomla 5.2.0 нужно сверстать по макету : https://www.figma.com/design/lKgGRSR7Chmj3TA9MXY5rQ/Apsnypearl?node-id=0-1&t=JFpK3e0fv7MmQADw-1, Все модули уже есть на сайте, их нужно только переверстать, писать запросы к БД не нужно.

Верстка

Опубликован:
20.10.24 11:26

Бюджет:
8000 руб.~$99.87

Адаптивная верстка HTML, CSS, JS + frontend функционал

Нужно сверстать одну страницу. Адаптивная верстка с js функционалом, чистый кроссбраузерный, валидный код CSS без фреймворков из figma. Запрещается использовать любые сборщики кода и без препроцессоров. Обязательное требование реализовать функционал в ванильном JavaScript — нужно писать функционал с нуля без задействования готовых библиотек и бекенда. От вас необходимо глубокие знания в HTML, CSS и JavaScript Прежде чем отвечать на проект ответьте на такой вопрос "Вы сможете на js с нуля разработать экспорт контента со страницы в xlsx?" Если вы не сможете, то можете не отвечать на этот проект

Верстка

Опубликован:
20.10.24 10:31

Бюджет:
60000 руб.~$748.98

Требуется дизайнер

Требуется сделать дизайн в figma (5 страниц, для mini app) только под мобильные устройства, без десктопа, пишите цену сроки - среда

Веб и мобильный дизайн

Опубликован:
20.10.24 10:30

Бюджет:
8000 руб.~$99.87

Создать УТП и структуру для сайта, написать текст

Здравствуйте. Требуется создать УТП, написать продающий текст для женской аудитории. Пересмотреть и предложить улучшение по структуре подачи информации для сайта. Не использовать нейросети для написания. Сайт по продаже подписки на приложение агрегатор женских клубов. Прототип сайта и базовый текст доступен по ссылке. https://www.figma.com/design/1d2USm28ALo43ddNxZ9W1j/GWService?node-id=0-1&t=VhqP8b0ao6F44b7W-1 Срок выполнения не больше 5-7 дней.

Продающие и бизнес-тексты

Опубликован:
20.10.24 08:37

Бюджет:
32000 руб.~$399.46

Сайт для маркетплейса

Ищу fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ и наработки по дизайну в виде макета в Figma.По срокам желательно 16 дней.Бюджет на разработку очень сильно ограничен (~350 $)Нам совершенно не важно с нуля или нет, как качественно будет выстроена техническая архитектура — главное максимально дешево и по ТЗ.Разработка на конструкторах сайтов не рассматривается!

All inclusive

Опубликован:
19.10.24 19:30

Бюджет:
35000 руб.~$436.9

Внести правки в верстку на сайте

Здравствуйте! Разрабатываю проект. Нужно поправить вёрстку сайта, чтобы всё выглядело идентично макету. Список правок есть, но, например, несоответствия макету проявляются в фильтре товаров, карточке товара, подвале, адаптиве в целом. Ссылка на проект https://miningglobal.fastweb-tech.ru/ Ссылка на макеты https://www.figma.com/design/rw0GOAIQFNZB71i3ITqL77/%D0%94%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D1%81%D0%B0%D0%B9%D1%82%D0%B0?node-id=91-5455&t=MgytGbepDJfj6zze-1

Верстка

Опубликован:
19.10.24 18:51

Бюджет:
12000 руб.~$149.8

Срисовать 1 в 1 с дизайна Figma

5 экранов нужно по слоям нарисовать все, чтобы было схоже с дизайном, который уже готов, сделать все в Figma для мобильного

Веб и мобильный дизайн

Опубликован:
19.10.24 18:35

Бюджет:
2000 руб.~$24.97

Мобильное приложение на Flutter (Bloc)

Ищем Flutter разработчика мобильных приложений под iOS+Android в стартап.О проектеПриложение для сервиса и монтажа «Servi FSM» – это система для автоматизации сервисного обслуживания и выездных работ. Приложение необходимо для выездных сотрудников, которые будут работать с заявками на объекте.Есть API для работы с backend-ом (есть Swagger), дизайн-макеты в Figma (большая часть есть, но учтите что некоторые вещи будут на ходу, это же стартап :) ).Приложение уже в продакшене, требуется доработка важных модулей и поддержка.ЗадачаПеревезти несколько текущих MVVM фич на BlocДобавить Регистрацию (сейчас регистрация только через веб)Разработать раздел Объекты с отображением на карте (Яндекс)Переработать МенюПереработать АккаунтДоработать Push-уведомления (Firebase через бэкенд)ТребованияОпыт разработки на Flutter больше года (чем больше проектов и чем они сложнее – тем лучше).Четкое знание архитектуры кода и соблюдение ее.Понимание различий, умение пользоваться Bloc, MVVM, Provider.Опыт разработки push-уведомлений (как с Firebase, так и через backend).Опыт интеграции Yandex-карт, с геокодером.Опыт работы с локализацией.Опыт релизов на продакшен, понимание сборки через GitHub CI/CD и Xcode Cloud.Присылайте примеры разработанных вами приложений.Большим плюсом будет наличие кейсов с похожим функционалом.Цена договорная, исходя из опыта и качества кода.

Android

Опубликован:
19.10.24 18:03

Бюджет:
100000 руб.~$1248.29

Бэкенд и фронтэнд для магазина книг на WP сайте

На нашем сайте уже имелся магазин (https://orisoris.ru/shop/), front end свёрстан и работал. Информация о товарах, история покупок, имена покупателей хранилась в ECWID. Но в сентябре они ушли с Российского рынка и магазин не работает. Что требуется сделать: 1) создать backend для магазина (товары, цены, описание, фото). То есть для той информации, которая ранее хранилась на ecwid. 2) немного доработать вёрстку по существующему макету (ссылка (https://www.figma.com/design/u6Trr8XyujvWkgj3wCF5F5/%D0%90%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2-%D0%B4%D0%BB%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-%D0%9E%D1%80%D0%B8%D1%81-%D0%9E%D1%80%D0%B8%D1%81?node-id=81-1248&node-type=canvas)). Там небольшие изменения от того,что уже свёрстано на сайте. Работа срочная.

Доработка и настройка сайта

Опубликован:
19.10.24 17:38

Бюджет:
20000 руб.~$249.66

Вертска по макету figma

Добрый день Нужно сверстать адаптивный лёгенький макет в фигме. Отправляйте прайс и сроки реализации. Используем html, css https://www.figma.com/design/NsD6GG3ZWD29ZWzkCMUkjU/Youtalk---Blog?node-id=4492-2001&node-type=frame&t=0PTv7sprs7S6Vgdv-0

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

Опубликован:
19.10.24 16:01

Бюджет:
2000 руб.~$24.97

Сверстать сайт и реализовать отправку заявок в телеграмм

дизайн: https://www.figma.com/design/wugmvEcqxYtBfJJStNVHQ/Untitled?node-id=415-41&node-type=canvas&t=Br2LljBPiZWA8yGu-0 тз... руб

Веб-разработка

Опубликован:
19.10.24 11:30

Бюджет:
7000 руб.~$87.38

Перенести дизайн на сайт

Есть готовый дизайн для сайта в Figma, необходимо перенести этот дизайн на рабочий сайт. Все что нужно будет предоставим. Пишите свои предложения, насчет цены договоримся в случае чего.

Верстка

Опубликован:
19.10.24 08:55

Бюджет:
30000 руб.~$374.49

Верстка сайта по макету

Услуга: Верстка сайта по макету Нужна качественная верстка сайта по вашему макету? Я помогу воплотить ваш дизайн в реальный и адаптивный веб-сайт! Что входит в услугу: Верстка сайта по готовому макету (Figma) Чистый и понятный код с использованием современных технологий: HTML5, CSS3, JavaScript Использование современных CSS-фреймворков (Bootstrap, Tailwind) Кроссбраузерная и адаптивная верстка (сайты будут отлично выглядеть на любых устройствах) Дополнительно: React Цена зависит от сложности макета и объема работы. Обсудим детали вашего проекта и я помогу вам создать профессиональный веб-сайт.

Верстка

Опубликован:
19.10.24 08:07

Бюджет:
3000 руб.~$37.45

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

Необходимо сверстать новые экраны в игре (мобильная версия/десктоп) https://www.figma.com/design/CeTiyRJdvHQfiK5Cv4hfqr/FairGAME?node-id=4-182413&node-type=canvas&t=nAfSWgtWFBhldIXN-0 Мы сделали верстку игры в ТЛГ , поэтому часть базовой работы сделана (ознакомиться можно тут https://github.com/Mycelium-Lab/FairFight/tree/evm_new_mobile_layout ) Бот для ознакомления - @fairfights_bot Приоритет задач мобильная версия , затем незначительные изменения с Тлг бота, затем десктоп

Верстка

Опубликован:
19.10.24 04:25

Бюджет:
30000 руб.~$374.49

Разработка дизайна приложения мусульманских знакомств

Требуется UI/UX дизайнер для создания мобильного приложения (Android/iOS)Проект: Кроссплатформенное приложение мусульманское приложение для знакомствОбъем работ:Дизайн 15+ основных экрановUI-кит и дизайн-системаАдаптивный дизайн под iOS/AndroidАнимации базовых взаимодействийПрототипы ключевых функцийОсобенности проекта:Строгая система верификации пользователейРасширенные фильтры поискаБезопасный чат с AI-модерациейУчет исламских традиций в дизайнеРеализация должна быть в Figma. Отправляйте свои портфолио

Mobile

Опубликован:
18.10.24 20:49

Бюджет:
10000 руб.~$124.83

Разработать дизайн интернет-магазина

Необходимо создать дизайн интернет-магазина, примерно 10 страниц, прототипы предоставим, нужно 3 разрешения (ПК, планшет, моб). Стиль - дружелюбный, яркий, смелый, минимализм не подойдет. Подробное ТЗ предоставляется.Нужен дизайнер именно с опытом в ИМ, при отклике, пожалуйста, прикладывайте хотя бы 3 релевантных примера из портфолио.Нужен специалист уровня middle/senior , с пониманием трендов и использованием их в работе.Важны базовые навыки анимации в Figma или в AE.Пожалуйста, сбрасывайте ссылки на ваши лучшие проекты и укажите рейт за час. Цена обсуждаема.

Sites

Опубликован:
18.10.24 20:41

Бюджет:
30000 руб.~$374.49