Верстка с Figma макета в Tailwind

Верстка 22.11.24 08:56

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

Описание задачи: Требуется адаптировать готовый дизайн, предоставленный в Figma, в статический сайт с использованием фреймворка Tailwind CSS. Работа должна быть выполнена с учетом кроссбраузерности, адаптивности и производительности. Figma-шаблон с несколькими страницами/экранами. Ссылки на используемые шрифты и другие ресурсы. Технические требования: Использовать Tailwind CSS. Максимально сохранить соответствие макету. Реализовать адаптивность для основных экранных разрешений (мобильные, планшеты, десктопы). Кроссбраузерная поддержка (Chrome, Firefox, Safari, Edge). Организовать код согласно принципам модульности и читаемости. Функциональные требования: Добавить минимальную интерактивность (например, hover-эффекты). Реализовать базовую структуру HTML с семантической разметкой. По возможности оптимизировать использование Tailwind-утилит для минимизации конечного размера CSS. Результат: Готовый статический сайт в виде HTML-файлов с подключенным Tailwind CSS. Исходные файлы проекта (например, через GitHub или другой репозиторий).

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

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

Техническое задание на баннер для сайта Формат: Баннер занимает 3/4 ширины страницы. Используем макет на основе модуля перелинковки (см. скриншот и ссылка на прототип в Figma). Дизайн должен выделяться на фоне сайта, но гармонично вписываться в его стилистику. ---------------- Что должно быть на баннере: Изображение: слева разместить крупное фото газомоторной техники, общей для всех типов машин, марки DAYUN. Источник фото: раздел «Грузовики на газу» на сайте Truckural.com в https://truckural.com/truckongas/ или Яндекс Диск (https://disk.yandex.ru/client/disk/2024-10-22%20Автомобили%2022.10.2024/Photos), здесь вас интересуют марки DAYUN Заголовок: «Газомоторная техника от "TRUCK УРАЛ. Описание: «Тягачи, самосвалы, миксеры, мусоровозы и другие грузовики на СПГ и КПГ». Кнопка: «Смотреть Грузовики на газу». Технические требования и параметры: Размеры можно уточнить по модулю перелинковки на скриншоте и в Figma (https://www.figma.com/design/5kkgU6kbkRiNv3dBPCWLcg/Truck-Ural?node-id=75-732&node-type=frame&t=XiYuLg0ACH50GxqN-0). Формат баннера должен быть удобным для отображения на всех устройствах, а текст и кнопка – легко читаемыми. Баннер должен быть единым для всех типов техники, поэтому фотографии нужно выбирать с учетом общей концепции газомоторных машин, при этом выделяться на фоне сайта

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

Опубликован:
07.11.24 13:10

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

Возврат товара с пункта выдачи React

Предлагайте сами свою цену Стек REACT Библиотека https://ant.design/ Имеется пункт выдачи товаров. CRM система написана на фронт на React Бекенд PHP laravel Продавец создает товары - далее приносит его в пункт выдачи (данный функционал уже имеется) Необходимо сделать возврат товара (возвратная ведомость). Внимание!! Бекенд API уже имеется, нужно только сверстать логику фронтента и связать с API. https://www.figma.com/design/zAVeFCUVgRplgpswJo1S4K/Untitled?t=WdyXxQrr5xnz26Ml-0

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

Опубликован:
07.11.24 12:55

Бюджет:
6000 руб.~$74.9

Создание дизайна интернет-магазина в Figma

ТЗ уникальный дизайн интернет-магазина Сфера деятельности: продажа IT-оборудования Домен - bien.kz Пример интернет-магазина - apltech.kz (конкурент) Задача: 1.Проработка логотипа с названием «bien» и символом слева от названия (предложите видоизмененные вариации символов в прикреплении), варианты с символом 1 и символом 2 (сделать похожие) в цветах: синего и голубого, и разных наклонах. 2.Новый дизайн целиком сайта десктопной и мобильной версии в Figma со всеми исходниками (подготовка макета разработчику). По примеру сайта apltech.kz (фото 1). 3.Подробный UI кит 4.Модальные окна 5.Правки до утверждения: возможность на любом этапе вносить конструктивные правки в проект (добавить/изменить что-то) Список необходимых разделов: 1.выбор языка – русский и казахский 2.выбор города РК (Алматы и Астана в начале списка) 3.Доставка, О нас, Контакты 4.Каталог 5.Поиск товара (с выпадающим списком)(фото 2) 6.Кабинет, Корзина, Избранное 7.Баннерная часть 8.Популярные товары 9.Наши вендоры 10.Акционные товары 11.График работы: 09:00-18:00, пн-пт 12.Телефоны и и-мейл

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

Опубликован:
07.11.24 12:36

Бюджет:
40000 руб.~$499.32

Разработать дизайн страницы

Дизайнер в новую вебстудиюМы ищем талантливого и опытного дизайнера для нашей новой вебстудии. Наша команда стремится создавать уникальные и запоминающиеся веб-интерфейсы, которые будут радовать наших клиентов и пользователей.Требования:Опыт работы в дизайне веб-интерфейсов от 3 лет.Отличное знание современных инструментов и технологий дизайна (Adobe Photoshop, Illustrator, Figma).Умение работать с пользовательским интерфейсом и UX-дизайном.Опыт работы с типографикой и графическими элементами.Умение работать в команде и соблюдать сроки.Желательные навыки:Опыт работы с анимацией и интерактивными элементами.Знание основ веб-разработки и верстки.Умение работать с системами управления проектами (Trello, Jira).Примеры работ:Мы ценим креативность и профессионализм. Пожалуйста, предоставьте примеры ваших работ, чтобы мы могли оценить ваш стиль и подход к дизайну.Местоположение:Мы находимся в Сибири, поэтому предпочтение отдаем кандидатам из этого региона.Контакты:Для подачи заявки и обсуждения деталей свяжитесь с нами по электронной почте [email] или по телефону [номер телефона].Мы предлагаем:Конкурентную заработную плату.Возможности для профессионального роста и развития.Дружный коллектив и приятную рабочую атмосферу.Ждем ваших заявок!

Sites

Опубликован:
07.11.24 10:42

Бюджет:
500 руб.~$6.25

Сверстать макеты из фигмы

Добрый день! Необходимо сверстать макеты из фигмы: https://www.figma.com/design/D7VqoBnukaORrBGqG4JHsq/%D1%81%D0%BF%D0%B5%D1%86%D0%BB%D0%B5%D0%B3%D0%B8%D0%BE%D0%BD-(Copy)?node-id=7-50&node-type=canvas&t=wWCWYk6GXn1ch01a-0 Главная страница + страница каталога (десктоп и адаптив). Напишите, пожалуйста, сроки и стоимость.

Верстка

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

Бюджет:
6000 руб.~$74.9

Написать ТЗ по верстке сайта

Здравствуйте, меня зовут Олег. Я заказчик. Цель создать грамотный, современный сайт-каталог. На данном этапе изготовлен макет в Figma. Следующий этап соответственно вёрстка, но у меня как у заказчика нет знаний для написания ТЗ и самое главное нет опыта тестирования полученного результата. Цель данного кворка найти опытного верстальщика который сможет написать ТЗ и проверить результат, а при необходимости указать на ошибки. Макет состоит из 9 основных страниц, но особенность в том, что сайт имеет как русскую, так и английскую версию с переключением языка в шапке кнопкой ENG/РУС таким образом страниц получается 18 и это только для ПК, плюс тот же комплект для планшета и смартфона (адаптив). Идею макетов взяли с китайского сайта: https://www.ddongauto.com/ У них также имеется и русская версия: https://ru.ddongauto.com/ Но в нашем варианте сайт один, но двуязычный, т.е. страница с одним по смыслу наполнением должна иметь 2 разных адреса типа: сайт/o nas и сайт/about us Если вы не готовы написать ТЗ, но готовы сделать вёрстку, также буду рад знакомству, поскольку позже выложу кворк о вёрстке с ТЗ.

Юзабилити, тесты и помощь

Опубликован:
07.11.24 09:31

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

Разработать баннеры под общую стилистику сайта

Необходимо разработать баннеры подходящий под общую стилистику сайта vsedetali.ru Ссылка на сайт: https://vsedetali.ru/ Баннер заменит существующий (также прикрепил скриншот 1) : Размер баннеров: 1570x550px и 1570x300px Обязательно на баннере должны присутствовать электродвигатель и ШВП, все остальное, что присутствует на нынешнем варианте не нужно. Вместо убранного можно что-то добавить из категорий представленных на сайте. Вместо этого очередного накидывания оборудования под разным углом,как сейчас на сайте, сделать плитками как список категорий(Изображение 2). Текст на баннерах: -Эксклюзивные поставки запчастей и комплектующих. -Уточняйте у оператора. По итогу необходимо: - Баннеры 1570x550px и 1570x300px (jpg или png) - Исходник со слоями в Figma

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

Опубликован:
07.11.24 07:58

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

Сверстать страницу и натянуть ее WordPress

Elementor настроен, надо только сделать верстку мобильной и десктоп версии и посадить на WordPress. Макет https://www.figma.com/design/3OgILfEqQvYKQvBjgbXwjP/Travel-design?node-id=0-1&node-type=canvas&t=cLJNkfRP1LAZmvPi-0 То что сейчас на WP https://traveldesigner.ru/ Необходимо сделать все за неделю. Все вопросы можете задавать в личку.

Верстка

Опубликован:
07.11.24 05:14

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

Написание ТЗ на разработку приложения (API ВКонтакте)

Здравствуйте. Нужно написать техническое задание на разработку ПО автоматизации сборки рекламных объявлений для ГЕО-подхода. Опишу процесс работы, как это выглядит сейчас, а также, что предложил чат гпт для разработки. Мы работаем по ГЕО подходу в рекламе. Как мы работаем сейчас: - таргетолог находит изображение нужной геоточки в интернете (к примеру, изображение школы) - скачивает его - загружает в фигму - накладывает нужный шаблон - скачивает изображение - переходит в рекламный кабинет ВКонтакте - копирует объявление шаблон - вставляет нужное изображение Что предложил чатгпт: 1. Использование API карт для создания изображений - ПО автоматически генерируется изображение нужного места - ПО сохраняет этот скриншот карты и подставляет в шаблон. 2. Создание шаблона в графическом редакторе через API: - Используйте такие инструменты, как Figma API для автоматизации создания изображений 3. Интеграция с рекламным кабинетом ВКонтакте: - Используя API ВКонтакте, можно автоматизировать загрузку изображения в кабинет, автоматически подставляя его в шаблон объявления 4. Скрипт или бота для запуска всей цепочки: - Создайте скрипт или бота, который запустит весь процесс - Это может быть программа, где таргетолог указывает нужное местоположение и дополнительные данные (например, текст объявления), а бот обрабатывает все остальные шаги Нужно написать ТЗ для разработки и оценить ускорит ли это в целом процесс. Сейчас уходит от 3 до 6 минут на объявление. Готов обсудить.

Юзабилити, тесты и помощь

Опубликован:
06.11.24 18:17

Бюджет:
11000 руб.~$137.32

Сделать лендинг на WordPress

Нужно сделать такой лендинг на WordPress https://www.figma.com/design/gj2F2lIm3WonsF7j7e1pEE/%D0%9A%D0%BE%D1%82%D1%82%D0%B5%D0%B4%D0%B6%D0%BD%D1%8B%D0%B9-%D0%BF%D0%BE%D1%81%D0%B5%D0%BB%D0%BE%D0%BA?node-id=60-7&node-type=canvas Лендинг должен подтягивать объекты в БД через XML файл, остальные данные объектов, описания и т.д. должно меняться через админку WordPress Ваша цена за работу? И какой срок на выполнение работы?

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

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

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

Сайт с недвижимостью

Нужно сделать бэкенд сайта (верстка готова) синхронизацию с CRM (можно ЦМС) Сайт с размещением 3D туров, нужна синхронизация с CRM по передаче объектов недвижимости в продаже по API Любая удобная админка для редактирования контента Важно правильный фильтр, подтягивание Яндекс отзывов, подгрузка 3D туров Figma (верстка уже сделана) https://www.figma.com/design/LKO53MBF2h09Sj3K5eRS7l/Untitled?node-id=0-1&node-type=canvas&t=1CuqFgCpRMJSxgSa-0 Верстку скину исполнителю

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

Опубликован:
06.11.24 13:52

Бюджет:
80000 руб.~$998.63

Сверстать сайт

Приветствую!Для проекта есть готовый дизайн страницы в Figma, и требуется сверстать его в HTML и CSS. Страница должна быть полностью адаптивной и кроссбраузерной (Chrome, Firefox, Safari).На странице есть несколько анимаций, которые также нужно реализовать. Готовую страницу нужно разместить на нашем сервере.Готовы обсудить детали.

Sites

Опубликован:
06.11.24 13:39

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

Дизайн раздела личного кабинета рекламной сети

Референсы на страницу кампаний ЛК - https://www.figma.com/board/RH7oo9es0oPqSUoQpRuN6I/AppGrade-New-Design?node-id=0-1&node-type=canvas&t=x18JvPu6L3xJk2HH-0 Подробное ТЗ - https://docs.google.com/document/d/19_k4LO5P2Xs63cMz7ceHDKk3b9kwXz0nbHZohl8jg8c/edit?tab=t.0#heading=h.etaxeriss51j Предлагайте цветовые гаммы и стилистику элементов до того, как приступите к работе. Любые вопросы обсуждаются, мы открыты для диалога. При подаче заявки прикрепите ссылки на свои работы, приоритет - дизайн внутренних страниц личных кабинетов.

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

Опубликован:
06.11.24 13:07

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

Вёрстка страниц сайта по макету в Figma

Нужна адаптивная вёрстка страницы каталога и страницы товара для интернет-магазина на Битриксе по ТЗ и макетам в Figma Ссылка на просмотр в Figma: https://www.figma.com/design/yqkA7MBHcWp2K3ZmLN7dBx/%D0%A0%D0%B5%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86?node-id=0-1&m=dev&t=4lAxGFiZ8GgBnLgX-1 ТЗ во вложении

Верстка

Опубликован:
06.11.24 13:07

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

Создать ТЗ для верстки

Здравствуйте, меня зовут Олег. Я заказчик. Цель создать грамотный, современный сайт-каталог. На данном этапе изготовлен макет в Figma. Следующий этап соответственно вёрстка, но у меня как у заказчика нет знаний для написания ТЗ и самое главное нет опыта тестирования полученного результата. Цель данного кворка найти опытного верстальщика который сможет написать ТЗ и проверить результат, а при необходимости указать на ошибки. Макет состоит из 9 основных страниц, но особенность в том, что сайт имеет как русскую, так и английскую версию с переключением языка в шапке кнопкой ENG/РУС таким образом страниц получается 18 и это только для ПК, плюс тот же комплект для планшета и смартфона (адаптив). Если вы не готовы написать ТЗ, но готовы сделать вёрстку, также буду рад знакомству, поскольку позже выложу кворк о вёрстке с ТЗ.

Юзабилити, тесты и помощь

Опубликован:
06.11.24 12:09

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

Веб-дизайнер в команду

В команду требуется дизайнер Задачи: Отрисовывать лендинги Отрисовывать корпоративные сайты Отрисовывать интренет-магазины Требования: Знание figma Понимание, как должен выглядеть продающий сайт Рассматриваем все отклики

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

Опубликован:
06.11.24 11:46

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

Разверстать под creatium.io

Добрый день. Необходимо разверстать с figma под creatium.io под десктопы и мобильные. По срокам чем быстрее тем лучше.

Верстка

Опубликован:
06.11.24 11:42

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

Реализация экранов отчетов в приложении (Flutter)

Привет! Имеется мобильное приложение, разработанное на Flutter. API для приложения полностью реализовано и функционирует корректно. Внутри команды есть специалисты, ответственные за поддержку API и разработку приложения. Необходимо доработать приложение, добавив экраны отчетов, дизайн которых представлен в макете на Figma. Задачи: 1. Реализация экранов отчетов: • В приложении нужно добавить несколько новых экранов, отображающих данные отчетов в соответствии с макетами из Figma (ссылка на макет: Figma). • Экраны должны соответствовать дизайну и спецификациям, представленным в Figma. Это включает использование цветов, шрифтов, размеров и других элементов UI в точности, как в макетах. 2. Работа с API: • Настроить взаимодействие экранов с API, чтобы данные отчетов корректно отображались. API уже реализовано и протестировано, необходимо лишь интегрировать его с новыми экранами. • Обеспечить корректную обработку ошибок и случаев отсутствия данных. 3. Тестирование и оптимизация: • Провести тестирование экранов на разных разрешениях экранов и устройствах, чтобы убедиться, что они отображаются корректно и стабильно работают. • Оптимизировать экраны для плавной и быстрой загрузки данных, особенно если отчеты содержат большое количество информации. Требования к кандидату: • Опыт разработки приложений на Flutter от 2 лет. • Понимание архитектуры Flutter и подходов к работе с API (REST/GraphQL). • Умение работать с макетами Figma и воссоздавать дизайн в точности по макету. • Опыт работы с состояниями в Flutter (Bloc, Provider, Riverpod или другие) и их применением для управления состоянием экранов. • Готовность взаимодействовать с внутренними специалистами по API и текущим разработчиком приложения для быстрого решения вопросов. Сроки и этапы реализации: • Ознакомление с проектом и макетами — 1-2 дня. • Реализация экранов отчетов с интеграцией API — до 2 недель. • Тестирование, исправление багов, оптимизация — 1 неделя. Финальные критерии качества: • Полное соответствие экранов макетам Figma. • Отсутствие критических багов при работе с отчетами. • Устойчивое взаимодействие с API и корректное отображение данных. Пожалуйста, отправьте ссылку на ваше портфолио или примеры кода, а также короткий рассказ о вашем опыте, релевантном данной задаче. Также не забудьте оставить свой телеграмм!

Frontend

Опубликован:
06.11.24 10:45

Бюджет:
50000 руб.~$624.15

Сделать сайт на вордпресс.

Имеется отрисованный дизайн сайта на фигме. Необходимо сделать его на вордпрессе. При отклике ожидаю примеры. Объем работ по ссылке https://www.figma.com/design/ouM23nSmOyznARAnibvSoC/Сайт-этикетка?node-id=37-2 Одна страница.

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

Опубликован:
06.11.24 09:49

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

Вёрстка и подключение API на Next JS (React)

Необходима полная разработка фронтенд части для Tg Mini App + вёрстка админки для браузера. Требуется разработчик с опытом в разработке TMA. Будет предоставлена документация к API (Redoc). Также с вами будет работать наш backend разработчик. Требования: - Безопасная аутентификация - Взаимодействие с методами Tg - Кросбраузерная вёрстка - Кеширование - Оптимизация всего продукта - Контроль версий через Git - Оперативное иправление багов и ошибок Конкретный ваш стек нам не важен, главное чтобы вы писали поддерживаемый и качественный код Требования к исполнителю: - Ответственность и надёжность - Наличие реальных кейсов - Работа по графику и пунктуальность - Присутствие на созвонах - Умение читать документации и быть внимательным - Воспитанность и уважение к коллегам и начальству - Понимание того, как сделать лучше и умение доказать и обосновать свое решение. Дизайн: https://www.figma.com/design/h7iDb0oDLf0Yq0newinV4N/KAIFU?node-id=158-126&t=k7imDS2eTahKK1da-1 Сроки ограничены - 10 дней. Если вы не уверены в своих силах и компетентности, то просьба не беспокоить. Готовы обсудить ваши условия.

Верстка

Опубликован:
06.11.24 08:00

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