Перевод дизайна из Figma в код HTML и CSS

Создание сайта 04.01.25 09:35

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

Я предлагаю профессиональный перевод дизайна из Figma в код HTML и CSS. Что входит в услугу: Перевод дизайна в чистый и валидный код HTML и CSS. Полная адаптивность (респонсивность) для всех устройств (мобильные, планшеты, ПК). Кроссбраузерная совместимость (Chrome, Firefox, Safari, и т.д.). Использование современных стандартов (HTML5, CSS3). Организованный и читаемый код. Дополнительно (по запросу): Подключение JavaScript (анимации, интерактивные элементы). Интеграция с другими системами или CMS. Почему вам стоит выбрать меня: Опыт работы в веб-разработке. Внимание к мелочам и точное соответствие дизайну. Своевременное выполнение работы. Если у вас есть дополнительные пожелания или вопросы, пожалуйста, напишите мне перед оформлением заказа. Я готов обсудить все детали и предложить оптимальное решение!

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

Разработка одноблочного сайта

Всех приветствую!Мне нужно разработать одноблочный сайт под дизайн из Figma и, возможно, внести мелкие правки в Figma дизайне.Кнопки, которые находятся в блоке. Они должны иметь анимацию и смену цвета при наведении на них.Информация и ссылки должны находиться в .json файле.Так-же нужно адаптировать данный сайт под мобильные устройства.Фото макета сайта прикрепил к заказу.

All inclusive

Опубликован:
19.12.24 23:36

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

Требуется сверстать

https://www.figma.com/design/Zs1qsOXG1m3EkBTSx9XRrJ/Untitled требуется сверстать по данному макету (только под мобильный дизайн)

Верстка

Опубликован:
19.12.24 16:04

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

Редизайн сайта на платформе MODX

На основе существующего сайта требуется: 1. Разработать привлекательную цветовую палитру, создающую гармоничный визуальный стиль в соответствии с фирменными цветами уже существующего брендбука. 2. Разработать и внедрить новые визуальные элементы , чтобы они отражали обновленный образ компании. 3. Обеспечить единообразие всех элементов сайта с нашими новыми корпоративными стандартами и ценностями. 4. Предоставить 3 варианта прототипа визуализации сайта (главной страницы, страницы арендаторам, страницы О НАС) и ее адаптивов под различные устройства и разрешения экранов, в программе Figma. Что нужно изменить: 1. Общий фон всех страниц. 2. Цвета активных кнопок, фоновых подложек под шрифтами и элементами. 3. Макеты картинок товарных категорий, иконок и графических элементов. 4. Разработать новый визуал для некоторых разделов. Отрисовать Карту СЦ. Ссылка на сайт: https://beketovnn.ru/ Сайт создан на платформе MODX Revolution 2.8.4-pl. Более детальное ТЗ пришлем отдельно. Точные сроки пока не определены: начало работ планируем на январь 2025.

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

Опубликован:
19.12.24 12:22

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

Разработать UI/UX дизайн для мобильного приложения iOS

Всем привет!Меня зовут Вика и я нахожусь в поиске дизайнера мобильных приложений.Я разрабатываю ios-приложение для управления временем, помогая пользователям оставаться продуктивными. Про основную затею я расскажу на нашем звонке, там правда интересно!!Если вы хотите не просто делать дизайн, а влиять на конечный продукт – это по адресу 100%. Стадия проекта сейчас – это полная готовность к отрисовке экранов. Проделана большая работа по аналитике рынка и конкурентов, нагенерено очень много идей и концепций. Готов первый вариант варфреймов, мы можем от него оттолкнуться. Я предлагаю проектное сотрудничество или почасовую оплату, стоимость проекта//часа – буду рада услышать от вас, после ознакомления со всеми материалами и понимаем вашей занятости.От вас самое главное – иметь опыт создания приложений с нуля, если доводили их до продакшена – вообще супер, но если вы гений с опытом в один год – также велкоме!Команда еще не собрана, поэтому важно, чтобы мы сразу были на одной волне, как во вкусе, так и по размышлениям, все-таки контактировать нам с вами 1 на 1 :) Какие задачи предстоит решить:Собрать прототипРазработать UI/UX интерфейс для мобильного приложения iOSЕсли сработаемся, то предполагается долгосрочное сотрудничество (то есть продолжать отрисовывать экраны уже после релиза) Будет плюсом, если вы имеете:Опыт разработки UI/UX интерфейсов для мобильных приложения iOSОпыт в проектировании мобильных интерфейсовВладение Figma, знание гайдлайнов iOSПортфолио с примерами мобильных приложенийСовсем красота, если у вас есть:Интерес к приложениям для управления временем и продуктивности.Навыки создания анимаций или иллюстраций (особенно для игровых элементов).

Mobile

Опубликован:
19.12.24 12:00

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

Придумать логотип для продукта компании

Необходимо создать логотип для симулятора БПЛА. Есть собственные наброски, нужно сделать несколько вариантов стилизации под наброски и предложить пару своих. Сделать лого необходимо в цветах симулятора (доступ к figma дам).

Логотип и брендинг

Опубликован:
19.12.24 11:18

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

Верстка лендинга по макету

Нужно сверстать лендинг, ТЗ в прикрепленном файле. Рассматриваем только задание со звездочкой. Обязательно на less и gulp, другое не рассматриваем. Макет: https://www.figma.com/design/JJIN6VwMwjlmj48dBkaAYD/Aromashka-Land-2024?node-id=202-835&node-type=canvas&t=mhNDcjXA9yCMR8av-0 Чтобы я понимал, что вы дочитали до конца - начинайте свой отклик с ключевого слова "Верстка".

Верстка

Опубликован:
19.12.24 08:53

Бюджет:
15000 руб.~$187.25

Дизайн в Figma 3-х блоков для сайта - товары для кошек

Нужен уникальный дизайн (figma): первый экран, блок "преимущества" (маленький: 4 иконки+несколько слов у каждой), блок "схема работы" для страницы сайта на Тильде. В 3-х размерах: для десктопа (1200px), планшета (640px) и мобильной (320px) версий. Сайт действующий, посвящен товарам для кошек собственного производства. Задача дизайна - транслировать милоту и радость. Без анимации, без большого количества элементов. Буду рада вашим предложениям!

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

Опубликован:
18.12.24 16:05

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

Редизайн карточки товара сайта на Битрикс

Разработка на битрикс. Нужно адаптивно сверстать карточку товара взамен текущей, интеграировать верстку. Битрикс. Лицензия старт. Верстка, редизайн, доработка блоков, натяжка шаблонов, правка кода. Требования: 1) php: базовый уровень. Умение обрабатывать данные из форм. Базовые понимание классов, методов, функций, циклов. Уровень, достаточный для работы с битрикс.2) Битрикс: понимание работы системы, шаблонов, модулей, опыт работы с шаблонами компонентов news.list, опыт работы с комплексным компонентом catalog. Умение писать оптимальные запросы API Bitrix, к инфоблокам и HL блокам, через API. Умение работать с событиями через init. Опыт разработки хотя бы одного проекта на битрикс от и до. 3) HTML\CSS: адаптивная верстка. Опыт работы с SASS. Анимации, flex,boostrab,сетки,modal. 4)Базовые навыки JS, желательно без jquery. Валидация форм, отправка fetch, проверка на сервере5) навык работы с Git. Все работы через git. опыт решения стандартных ошибок6) опыт оптимизации по pagespeed. Не нужно сначала делать, а потом править собственный код для оптимизации7) работа с figmaКак работаем: вы устанваливаете себе на локальную машину копию сайта и настраиваете git, инструкцию дам, делаете доработки, и отправляете изменения на сервер. Дизайн в фигме. Сразу присылайте: портфолио, стоимость часа, сколько времени понадобится на работу, сколько готовы уделять времени в день.https://dev.lab-store071.ru/

Frontend

Опубликован:
18.12.24 15:09

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

Верстка vite.js + html + scss + js + jq

https://www.figma.com/design/m74ALVveW27JKYi8dtTVXA/Untitled?node-id=0-1&p=f&t=axl8e92IRZFR0lOQ-0 Для выбора исполнителя, прошу оставить ссылку на многостраничный сайт для примера Ваших умений Верстка 5-ти страниц Шапку и футер уже готовы, предоставлю доступ к гит - Также требуется адаптировать под разные устройства - Блоки отделять по разным файлам, выдавая названия по теме блока, предоставлю скриншот файловой архитектуры (/js/{страница}/{название блока}.js) (/scss/{страница}/{/{название блока}.scss) и тд Также и с картинками - Написание scss, не делать длинные названия или пути, посмотреть также пример архитектуры scss в исходниках - Обязательно использовать префикс блока в начале, а не давать разным элементам разные названия - Для слайдеров использовать swiper.js уже есть в проекте. (Слайдеры на страницах контакт, контакты, о нас - блок со статистикой) - Для выпадающих меню, использовать select2.js уже есть в проекте (Селект есть только на странице Контакты) - Для таблицы использовать DataTables.js, использовать возможность скрытия столбцов для адаптации и раскрывать по выбору Версии чтобы правильно поднималось npm -v 10.5.0 node -v v20.12.1

Верстка

Опубликован:
18.12.24 09:35

Бюджет:
17000 руб.~$212.21

Сборка сайта на Bitrix

Верстка и сборка сайта на Bitrix по готовому макету Figma (в пределах 10 страниц сайта и каталога продукции, и 3 страницы ЛК, без функционала интернет магазина). Необходимо учесть адаптацию, SEO подготовку (микроразметка, все основные теги), оптимизацию. Сборка должна быть качественной/валидной, без использования лишних платных плагинов. Макет готов, оставляйте отклики и предоставим его для обсуждения. Сроки сжатые.

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

Опубликован:
17.12.24 20:37

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

Требуется верстка одностраничного сайта

Ищу специалиста для верстки лендинга по готовому макету в Figma. Лендинг включает незначительную часть анимации.Требования к верстке:Чистый и валидный код: Верстка должна соответствовать стандартам HTML5 и CSS3.Валидация: Полное соответствие требованиям Google и Yandex для поисковых роботов (SEO-friendly).Кроссбраузерность: Верстка должна корректно отображаться во всех современных браузерах (Chrome, Firefox, Safari, Edge).Адаптивность: Полная респонсивность для корректного отображения на мобильных устройствах, планшетах и десктопах.Оптимизация: Легкий и оптимизированный код для быстрой загрузки страницы.Анимации: Реализация незначительных анимационных эффектов согласно макету.Что предоставлю:Ссылка на Figma с готовым дизайном.Подробное ТЗ по анимациям и адаптивности.Ожидаемый результат:Готовый HTML/CSS/JS-код, который можно сразу развернуть на сервере.Проверка верстки на корректность и валидацию.Дополнительно:Если есть опыт оптимизации верстки для SEO или работа с анимацией (например, GSAP, CSS-анимации), это будет плюсом.Сроки и бюджет:Обсуждаются индивидуально на основе опыта и сроков выполнения задачи.Жду ваши предложения с примерами выполненных работ!

Frontend

Опубликован:
17.12.24 15:22

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

Отрисовать сайт на Wordpress

https://www.figma.com/design/WH1x5czudOcWLWiDOrareY/Renovation?t=87GX1ITrBM6v4FXt-1Пишите сразу цену и сроки. На нормальном и полноценном Вордпресс надо сверстать

All inclusive

Опубликован:
17.12.24 13:51

Бюджет:
5000 руб.~$62.42

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

Добрый день!Требуется разработка сайта для мебельной продукции по трём направлениям:Производство мебели по индивидуальным проектам.Офисная мебель.Репродукция мебели (вопрос пока открыт).Чёткого технического задания нет, поэтому приветствуется творческий подход и свобода мысли. Есть общие пожелания относительно того, каким хотелось бы видеть конечный продукт.Я сделал набросок в Figma, насколько это было возможно, и наполнил его текстом. В настоящее время ведётся сбор фото- и видеоматериалов для сайта, параллельно разрабатывается наполнение для интернет-магазина. Буду рад плодотворному сотрудничеству!Оплата будет производиться от юридического лица.

All inclusive

Опубликован:
17.12.24 12:21

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

Переработка страниц в Figma

Необходимо перерабатывать страницы в Figma для нашего сайта (+ адаптации: мобильная версия, планшет) Разработка новых страниц по ТЗ. Мы даем шрифтовые пары, цвета и графические элементы, их нужно только переработать и скомпоновать также мы самостоятельно прописываем структуру для переработки.

Sites

Опубликован:
17.12.24 11:37

Бюджет:
15000 руб.~$187.25

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

В работе прототип в figma и используется дизайн система. Можно взять на аналогичном проекте папку с css. Задача сделать верстку 3-5 типовых страниц под сайт на 1с Битрикс

Frontend

Опубликован:
17.12.24 09:59

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

Макет в figma на основе готовой дизайн системы

Есть готовая дизайн система, необходимо настроить figma для работыСоздать макет по готовому прототипу, передать в верстку, затем принять версткуЖелателен опыт работ прототипирования для Минцифры или других гос организаций

Sites

Опубликован:
17.12.24 09:56

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

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

ЗдравствуйтеНеобходимо сделать доработку сайта на VUE + NODE и 1СНиже прикрепляю описание и макетыГлавная страница: Добавить блок с товарами в который будут выводится товары из Каталога "Киберцены"Создать отдельный каталог "Киберцены" Он должен быть полной копией текущего каталога В нем должны выводиться только товары данного каталога В нем также присутствуют категории В превью товара должна быть: обычная цена (перечеркнутая) конечная цена процент скидкиКарточка товара: Для раздела "Киберцены" добавить текстовый блок с УТП (одинаковый для всех товаров) Небольшое редактирование статичной информации на карточке товараСо стороны 1С интеграция уже есть, ее нужно только доработать под новый выводhttps://www.figma.com/proto/GH46STUiEECJ7ACGvzOV8I...

Backend

Опубликован:
17.12.24 07:09

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

Вёрстка сайта на Битрикс из дизайна в Figma

Требуется разработать адаптивную вёрстку для сайта на платформе Битрикс на основе предоставленных макетов из Figma. Вёрстка должна быть выполнена с учётом всех современных требований к качеству и производительности. Необходимо обеспечить корректное отображение сайта на устройствах с разными разрешениями (десктопы, планшеты, мобильные телефоны), а также его кроссбраузерную совместимость (Chrome, Firefox, Safari, Edge).

Верстка

Опубликован:
16.12.24 13:27

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

Анимированный скринкаст с демо функции приложения

Описание: В Adobe After Effects (или Premiere Pro, Final Cut Pro и тд) нужно создать анимированный скринкаст продолжительностью до 5 секунд с демонстрацией работы функции. Фитнес приложение для подсчета калорийРеференс: https://t.me/premium/139 примеры видео в Telegram PremiumВходные данные: Сценарий видео и макеты в figma, которые нужно будет использовать для анимации, цветовая палитраОжидаемый результат: Видео в формате mp4, файл adobe after effects (или другого аналогичного инструмента)

Animation

Опубликован:
16.12.24 12:56

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

Сверстать лендинг на Tilda по макету из Figma

Добрый день! Необходимо сверстать и анимировать лендинга на Tilda. Материалы для работы: - макет в Figma (превью во вложении) - референсы анимации (градиенты на фон - https://codepen.io/quasimondo/pen/AZedgK, https://codepen.io/wilvander/pen/KKQrGgP, готовые стеклянные объекты - https://blog.olivierlarose.com/tutorials/3d-glass-effect) - половина блоков из макета уже сверстана в Tilda (http://project11527287.tilda.ws/), их можно использовать Анимации: - интерактивные элементов (кнопки) - флоатинг/параллакс изображений от курсора - анимации появления Пожалуйста, в отклике указывайте: - примерную стоимость работ - ваш Telegram-аккаунт - примеры аналогичных лендингов Спасибо!

Landings

Опубликован:
16.12.24 10:43

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