Сверстать лендинг из Figma в Webflow

Frontend 02.12.24 18:40

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

Сверстать лендинг в вебфлоу. Макеты подготовлены так чтобы легко было переносить через плагин Webflow. Десктоп https://www.figma.com/proto/jNmI8u6398P1hEXinFII9a/Avenue?page-id=91%3A18839&node-id=91-18840&node-type=frame&viewport=656%2C-1903%2C1&t=KiNfAo9ZDuGj9tmP-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=91%3A18840 Мобилка https://www.figma.com/proto/jNmI8u6398P1hEXinFII9a/Avenue?page-id=0%3A1&node-id=12-1010&node-type=frame&viewport=363%2C413%2C0.13&t=vMZQrifnl0GYqoq3-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=12%3A1010&show-proto-sidebar=1 (мобилка длинная, надо кликнуть на первый экран просто) Из эффектов 1. Моушен эффекты элементов в первом экране по загрузке (Page load) (подъезд заголовков, появление блоков и так далее) 2. Scroll into view на блоки где баннеры, ховер эффект у баннеров 3. Простой паралакс по одной оси, можно увидеть на десктопе наведя влево и вправо на этом блоке https://prnt.sc/w17dx58Vjow_ 4. В первом экране сделать замену циклическую аватаров пользователей https://prnt.sc/v4DC3_PgPeDL (то есть чтобы в каждом слоте показалось автара 3 сменяясь по кругу, аватары меняются не все разом одновременно, а частями, чтобы создавалось приятная динамика) 5. Ползунок должен скрывать и раскрывать верхнюю фотку https://prnt.sc/m33vuqctgIK2 чтобы был эффект без фильтра и с фильтром. 6. Минимальные ховер эффекты на другие блоки, думаю тоже scroll into view (подъезд снизу из прозрачности) 7. Эти линии сделать прорисовку под скроллинг https://prnt.sc/jwLoz0B94mU7 , такой же есть в футере. На вебфлоуе частый такой эффект, есть много готовых решений. 8. на планшете-мобилке зацикленная по кругу анимация аватаров https://prnt.sc/_SLK3yYo6d1G (линеар движение по круговой оси аватаров, какого-то количество может шт 20) Пишите, сроки, стоимость. Примеры на вебфлоу и если не автоответ 4240

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

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

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

Верстка Nuxt 3 (composition api/scss)

Нужно сверстать макет + анимации (можно использовать velocity.js) - https://www.figma.com/design/SWTWLbTEZl1BmtXIyEU5cx/StandoffHub-Redesign?node-id=0-1&m=dev&t=lTJPnqixn784SehE-1 В режиме прототипа можно посмотреть анимации (последние пару флоу - анимации) Бек уже есть (остается старый) pinia + scss + typescript + @nuxt/image (для оптимизации изображений, ipx, позже перейдем на Image Transform от cloudflare) + i18n (ru/en) + шрифты подключать через @nuxt/fonts Крайне желательно поработать над гидрацией компонентов, что бы не было проблем с подвисанием сайта на слабых телефонах (основная ЦА) Желательно написать тесты на vitest

Верстка

Опубликован:
12.12.24 18:06

Бюджет:
135000 руб.~$1685.19