Иконки в дизайн

Веб и мобильный дизайн 10.12.24 11:53

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

Техническое задание: Добавление иконок в дизайн Описание задачи Необходимо дополнить готовый дизайн в Figma следующими элементами: 1. Добавить 2 типа иконок в двух цветах: оранжевом и черном. 2. Реализовать меню выбора иконок с развернутым отображением. 3. Показать пример отображения иконок на карте с различным набором состояний. Требования к дизайну 1. Все иконки должны быть выполнены в формате SVG и добавлены в уже существующий дизайн Figma. 2. Иконки: - Мордочка, которая должна выделяться оранжевым цветом при выборе и черным в обычном состоянии. 3. Цвета иконок: - Оранжевый - Черный Меню выбора иконок Меню выбора иконок должно включать: 1. Список всех доступных иконок в виде кнопок. 2. Визуальное выделение выбранной иконки (например, обводка или изменение цвета). Пример отображения на карте Пример должен демонстрировать: 1. Отображение иконок с различными состояниями на карте. 2. Подсветку выбранной иконки оранжевым цветом. Формат сдачи работы 1. Все элементы должны быть представлены в формате SVG. 2. Готовый дизайн должен быть интегрирован в проект Figma. 3. Все состояния иконок и примеры должны быть согласованы с дизайном. Примеры из текущего дизайна Пример 1: Выбор иконки Пример 2: Развернутое меню выбора иконок

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

Разработка дизайна фронтенд веб-сайта (React)

Необходимо разработать фронтенд для веб-сайта с использованием React. Основные требования: Дизайн: Создать современный, адаптивный и удобный для пользователя интерфейс. Макет предоставлен в Figma. Возможно, потребуется внести изменения в дизайн по мере разработки. Особое внимание уделить UX-деталям: расположение элементов, читаемость текста, логика пользовательских действий. Функционал: Реализовать компонентный подход с использованием React и React Hooks. Интеграция с REST API для получения и отправки данных. Добавить основные функциональные элементы: Формы ввода данных с валидацией. Выпадающие меню, вкладки, модальные окна. Лента данных с функцией бесконечной прокрутки. Реализовать базовую анимацию с использованием библиотеки Framer Motion (или аналогичной). Технические требования: Код должен быть чистым, хорошо структурированным и читаемым. Использование современных инструментов и технологий: React (включая функциональные компоненты и хуки). Стилизация с использованием Tailwind CSS или SCSS. State-менеджмент (Redux Toolkit или Context API). Обеспечить кроссбраузерную совместимость (Chrome, Firefox, Edge). Полная адаптация под мобильные устройства (минимальная ширина 320px). Оптимизация загрузки (lazy-loading для компонентов и изображений). Сроки и результаты: Проект необходимо завершить в течение [например, 3 недель]. На выходе — полностью рабочий интерфейс, протестированный на основных устройствах и браузерах. Результат должен быть легко интегрируем с бэкенд-частью.

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

Опубликован:
10.12.24 06:01

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

Сделать дизайн для сайта

Требуется разработать дизайн сайта, вдохновлённый платформами Kwork и Upwork. Дизайн будет выполнен в Figma и должен быть современным, удобным и интуитивно понятным. Объем работы включает создание трёх страниц. Основные моменты будут обсуждаться в личных сообщениях, чтобы уточнить детали и пожелания. Дизайн должен быть схож с Upwork, но с улучшениями, направленными на повышение удобства использования.

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

Опубликован:
09.12.24 23:44

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

Вёрстка виджетов

Задача буквально на час Сверстать по макету https://www.figma.com/design/AbxVuH3PfLlZ9d2rJKDmj1/Untitled?node-id=0-1&node-type=canvas&t=hWGjA7fKUjCJmr7W-0 4 повторяющихся виджета Без использования нормалайзеров, можно бутстрап для максимальной скорости, но предпочтительней - чистый CSS, 4 виджета (по сути 2 разных, меняется только Background) желательно по методологии БЭМ Задание буквально на час, возьму самого быстрого Пиши в начале или в конце отклика слово "Виджет", чтобы я понимал, что ты не бот

Верстка

Опубликован:
09.12.24 18:41

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

Сверстать дизайн Figma для интернет магазина

Сверстать дизайн для интернет магазина. Движок opencart. Нужно сверстать , поставить на движок и установить на сервер. https://www.figma.com/design/Z8uVeCQD3irCQiSEWTa4LQ/Untitled - десктоп https://www.figma.com/design/lqPNZy3FB71xh0XDN5pfGe/Untitled?node-id=0-1&t=y8K2bYJCOLJgRwUb-1 - моб Рассмотрю исполнителей без посредников

Верстка

Опубликован:
09.12.24 18:04

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

Сверстать несложный сайт по макету

Необходимо сверстать двух страничный и по большей мере информативный сайт гостиницы по макету Figma. Не имеет значения, как именно (ручная верстка или конструкторы) - главное, чтобы аренду можно было оплачивать российской картой. Есть купленный на Рег.ру домен. Отвечу на дополнительные вопросы и жду заявок.

Верстка

Опубликован:
09.12.24 15:57

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

Сайт туристического агентства

Необходимо сверстать сайт туристического агентства в Figma. На сайте будет присутствовать контент по типу карточек товара, но в тематике туристических направлений. Интересует настраиваемый личный кабинет, из которого можно будет добавлять новые карточки на главную страницу и не только. С удовольствием отвечу на другие вопросы и жду заявок.

Верстка

Опубликован:
09.12.24 15:54

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

Вёрстка и установка сайта на WordPress

Макет: https://www.figma.com/design/jY6jDOYEIR37BFb0bY5Y3w/GO-CREATORS-(kwork)?node-id=4002-214&t=rzKNQxPfh1uMqoBD-1 (в комментариях пояснения к функционалу) Внутри WP нужно будет управление сайтом, связка с блогом и портфолио, редактирование страниц контента, портфолио, контактов.

Верстка

Опубликован:
09.12.24 13:50

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

Сделать 21 штук шаблонных презентаций

Стилистика готовая есть, структура повторяющаяся, простая, слайды небольшие (усеченные по ширине для вставки в левую часть ролика), пример прототипа и готовых слайдов приложены. Делать нужно в Figma - дадим уже готовые слайды с разной структурой, которой надо следовать (около 80 штук уже готово для примера). Есть гайдлайн компании. Срок до 13го декабря. Попросим сделать тестово 2 слайда, чтобы быть уверенными, что задание верно понято. По запросу пришлю рыбы презентаций, которые надо будет оформить в стиль в рамках задачи. Жду предложения по цене за 1 такой слайд или за весь объем работы (в каждой презентации в среднем 20-30 слайдов, в слайде пара строк текста, иногда нужна картинка или скриншот из интерфейса.

Презентации и инфографика

Опубликован:
09.12.24 13:29

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

Верстка трех веб-страниц (Figma)

Необходимо сверстать 3 страницы Полное задание: https://docs.google.com/document/d/1mi7uahBTUs1P3_nT0tgmRodTzSHHQ-zJAaJ9JuFMHtw/edit?usp=sharing Отвечу на все вопросы в личных сообщениях В портфолио должны быть примеры вашей верстки

Верстка

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

Бюджет:
14000 руб.~$174.76

Дизайн и оформление группы вк

Дизайн и оформление группы в вк С последующей админкой, выкладкой постов и т.приоритет figma Сразу пишите цену и примеры

Маркетплейсы и соцсети

Опубликован:
09.12.24 11:57

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

Интеграция вёрстки в магазин на CS-cart

По макету дизайнера готова верстка для магазина, её нужно интегрировать в действующий магазин, т.е. сделать шаблон, тему для CMS CS-Cart. Ссылки на некоторые страницы верстки: Главная страница: https://klepachpro.ru/test/home.html Страница каталог: https://klepachpro.ru/test/catalog.html Избранное: https://klepachpro.ru/test/favorites.html Результаты поиска: https://klepachpro.ru/test/search.html Оформление заказа: https://klepachpro.ru/test/order_page.html Ваш заказ успешно оформлен: https://klepachpro.ru/test/zakaz.html Карточка товара: https://klepachpro.ru/test/product.html Оплата и доставка: https://klepachpro.ru/test/oplataaccardion.html О бренде: https://klepachpro.ru/test/about.html Для понимания макет дизайнера можно посмотреть тут https://www.figma.com/design/JxYfp5n7z4cpP2rgLWF1Zn/%D0%9A%D0%BB%D0%B5%D0%BF%D0%B0%D1%87-%D0%BF%D1%80%D0%BE Интернет магазин профессиональной косметики, пигменты и кисти для макияжа

Верстка

Опубликован:
09.12.24 11:24

Бюджет:
90000 руб.~$1123.46

Дизайнер для сайта в Figma - 2 страницы

Необходимо для уже готового дизайна сайта (сайт it агентсва) сделать в Figma 2 страницы кейсов на белом фоне и черном), то есть собрать из той информации, которая есть. Важен креатив, а также качество работы для дальнейшео взаимовыгодного сотрудничества. В личной переписке пришлю подробное ТЗ. Прошу в отклике указать свои работы (креативные или именно по кейсам)

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

Опубликован:
09.12.24 10:03

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

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

Сверстать по макету из Figma(+адаптив) - приложил скрин, добавить поля в админку для заполнения(в разделе Новости, отдельные превьюшки для главной), перенести на сайт. Сайт https://xcmg-tm.ru/ - CMS Опенкарт 2. Сделать нужно оперативно

Верстка

Опубликован:
09.12.24 09:46

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

Верстка и натяжка дизайна на Битрикс

Натяжка будет на предоставляемой нами dev версии. Исходники предоставляются в figma. Предоставим код с похожего сайта для ускорения рабочего процесса, готова верстка главной, нужно сверстать оставшиеся страницы Подробности: https://docs.google.com/document/d/1yLtl9cIRxfVX_c4coOocDdQ6sWfM7rrZ49sXoa8HDII/edit?tab=t.0

Верстка

Опубликован:
09.12.24 07:01

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

Требуется разработать эксклюзивный дизайн в figma

Требуется разработать дизайн обменника в figma. Скрипт уже имеется, задача разработать новые элементы дизайна, по мотивам Lode Runner (золотокопатели) - это старая пиксельная игра.

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

Опубликован:
09.12.24 05:10

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

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

Верстка Лендинга по макету (Desk + Mobile) https://www.figma.com/proto/bOJEqT611sjlVU6CscV8le/AI-Cruzo?page-id=1075%3A176&node-id=1075-177&node-type=canvas&viewport=718%2C504%2C0.07&t=dX2YIwGK7mwrOYyd-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1075%3A177&share=1 ВАЖНО!!! фреймворк next js. React с server side, статической генерацией страниц и оптимизацией картинок Обеспечить кроссбраузерную совместимость (Chrome, Firefox, Safari, Edge). Оптимизация: Оптимизировать загрузку страницы (сжатие изображений, минимизация CSS и JavaScript). Реализовать SEO-оптимизацию (правильные теги заголовков, метаописания, alt-теги для изображений). Будут предоставлены Провести тестирование лендинга на различных устройствах и браузерах. Требования к специалисту: Опыт в веб-разработке и дизайне (показать примеры предыдущих работ). Знание HTML, CSS, JavaScript, а также инструментов для SEO-оптимизации. Хорошее понимание принципов UX/UI дизайна. Сроки выполнения: 7 дней

Верстка

Опубликован:
09.12.24 02:09

Бюджет:
14000 руб.~$174.76

Редизайн шаблона статьи в блоге (Figma)

Приветствую! Ищем веб-дизайнера с опытом. Нужен редизайн шаблона статей в блоге интернет-магазина Триспорт. Обязательно Figma. Текущий вариант публикаций в блоге выглядит так: https://tri-sport.ru/articles/poleznye-sovety-po-podboru-veloobuvi Он уже давно технически устарел и требует полной переработки. Основные требования по функционалу, которого не хватает в блоге собрали в документе: https://docs.google.com/document/d/1GRQcbRaP3lJ0-wlR6-OTeYGvoKx9o8je7MksrEqky_A/edit?usp=sharing Каждый пункт из ТЗ необходимо учесть включая текущий (если что-то не учли в ТЗ) функционал. Шапку и футер трогать не нужно, весь функционал нужно реализовать между этих областей. Рубрики http://joxi.ru/rJjDzQBHed77Gr можно сократить и (например) перенести вниз, не нужно выделять им так много полезного пространства. Важно учесть иерархию подзаголовков H1-H4, чтобы не было перекосов по шрифту и размеру в пикселях. Ожидаем ваших предложений и примеры похожих работ.

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

Опубликован:
08.12.24 15:59

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

Вёрстка сайта на Bootstrap 5

Необходимо разработать адаптивную вёрстку для сайта на Bootstrap 5 по ТЗ: https://docs.google.com/document/d/1PqNL4yk7OAVix9-EryRaGbKeqb3xTCH2byExn_Ie1Hw/edit?usp=sharing И дизайн-макету (есть в ТЗ): https://www.figma.com/design/2lG053sNLkYBIyPRnoaA36/ARTFONIX_TEST?node-id=314-126&node-type=canvas Не допускается вёрстка текстовых элементов в виде картинок, за исключением логотипов. Сайт будет разрабатываться на OctoberCMS с использованием шаблонизатора Twig, поэтому каждый повторяющийся элемент должен быть легко встроен в отдельный файл для элемента, а так же каждый блок сайта. Это рекомендация к более быстрой сдаче кворка и меньшему количеству правок. Кворк принимается только после согласования всех правок с заказчиком.

Верстка

Опубликован:
08.12.24 15:51

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

Визуализация 3 шаблонов Django с использованием css

Есть работающие html страницы ввода данных, выполненных на Django на шаблонизаторе DjangoTemplates c использованием css, bootstrap, JavaScript. 2 страницы ввода + информационный экран. Необходимо переделать каждую страницу на новое оформление и добавить/подправить функционал обработки валидации на JavaScript. Работа из двух этапов – на первом этапе делается первый экран, после согласования всех стилей оформления и проверки работы – делаем остальное. Задача сделать удобный и красивый ввод данных. Автоматический переход на следующее поле и т.д. Подробнее в тз То есть 90% всей логики уже реализовано, нужно изменить шаблоны Django под стиль, предоставленный в Figma. Без использования сторонних фрэймворков - только html, css, JavaScript. На каждом экране есть таймер – оставшееся время передается при загрузке страницы в переменной. Страницы должны корректно открываться на всех основных современных браузерах и мобильных устройствах iphone 8-16 samsung a05, S10, S21-S24 xiaomi 11t, 12, redmi note google pixel Стоимость за оба этапа. Более подробно в ТЗ Примеры страниц как это выглядит вживую могу предоставить. Некоторые нюансы можно обсудить если что-то будет сложно сделать. Сообщайте при отклике срок и бюджет.

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

Опубликован:
08.12.24 13:55

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

Сделать макет сайта в Figma

Нужно сделать макет сайта именно в Figma. Есть главная страница, а необходимы также ux, прототип, кнопки и 3 любые страницы на этом сайте (к примеру корзина, карточка товара). Пример я скину ссылкой и всё уточню. А здесь приложу фото того сайта, который надо доделать и пример, к какому виду надо его привести. Требования к выполняющему не высокие, не требуется дотошности до каждого пикселя, до шрифтов или заморачиваться над "эффективностью" дизайна. Дизайн страниц, расположение кнопок и тд. вы можете выбрать сами. Только, чтобы было сделано по обычной сетке. До вторника.

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

Опубликован:
08.12.24 12:01

Бюджет:
1500 руб.~$18.73