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

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

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

Необходимо разработать фронтенд для веб-сайта с использованием 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 недель]. На выходе — полностью рабочий интерфейс, протестированный на основных устройствах и браузерах. Результат должен быть легко интегрируем с бэкенд-частью.

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

Создание лендинга на Tilda

Нужно создать новый лендинг на Tilda по шаблону уже имеющегося сайта. Шаблон сайта https://privacyforum.ru/ (блоки: первый экран, спикеры, программа конференции, форма регистрации) 1. Дизайн для первого экрана готов в Figma 2. Есть брендбук с фирменными цветами, шрифтами, логотипами 3. Нужно предусмотреть возможность редактирования созданного лендинга без помощи специалиста (корректировать первый экран, содержание программы, спикеров, даты проведения и тд.) - вероятно, привязать админ панель 3. Адаптировать под разные устройства. 4. Привязать к лендингу имеющееся доменное имя. 5. Создать форму регистрации с возможностью организации рассылки (о регистрации и ссылкой на конференцию). Предоставим доступ к аккаунту Тильды. Приветствуются советы в вопросах оформления блоков. Ориентировочные сроки - до конца декабря.

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

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

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

Сделать верстку сайта на Bitrix (многостраничный)

Здравствуйте! Предлагаем сделать вёрстку многостраничного сайта. Движок битрикс. Есть согласованные дизайн-макеты. Сборка частично собрана, но в неё есть ряд ошибок (можно доделать имеющуюся вёрстку, можно написать с нуля). + Необходимо сделать адаптивную верстку для мобильных устройств. Дизайн макеты главной страницы и каталога (в красном квадрате): https://www.figma.com/design/Xi5koMVEixoGZPSgWT3yeZ/schiberg?node-id=0-1&t=jshkvYmdHqhgIdjf-1 Дизайн макеты страниц: https://www.figma.com/design/j3E1dA3asLqxU19Is828jS/SCHIBERG?node-id=0-1&node-type=canvas&t=SCJs699ZPTN5ohbG-0 Для знакомства с компанией и ассортиментом продукции, можно изучить наш старый сайт: schiberg.ru/ Будем рады получить ваши отклики. Ответим на вопросы.

Верстка

Опубликован:
20.12.24 09:42

Бюджет:
150000 руб.~$1872.43

Создание Telegram Mini Apps

Есть потребность в создании mimi-apps. Суть приложение "агрегатор внутренних ботов в телеграмм" Во вложении прикрепляю техническое задание. Также есть макет figma. Можете сориентировать по возможности реализации, бюджету и срокам. Заранее благодарю за ответ.

Скрипты и боты

Опубликован:
20.12.24 08:30

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

Сделать дизайн 1 блока лендинга на Figma + Верстку под Wordpress

Добрый день!Суть задачи:- Сделать дизайн-макет одного блока сайта (первого экрана) в Figma- Сделать вёрстку этого блока, посадить макет на CMS Wordpess (хостинг и домен уже есть) Референс:https://centrep.online/(см. первый экран)По факту контентная часть, будет чуть отличаться, но незначительно.Дедлайн:Элементов для вёрстки минимум, нужно будет сделать оперативно, за 2-3 часа в течение дня

Sites

Опубликован:
20.12.24 07:15

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

Дизайн каталога матрасов

Нужно сделать дизайн каталога матрасов, чтобы потом в пдфку его удобно выгрузить Есть пнг картинки матрасов, всего около 10 позиций. Нужно сделать скорее даже шаблон нескольких страниц каталога, чтобы потом можно было вручную изменять Желательно, дизайнить в Figma, либо в Photoshop Готов рассмотреть ваши условия, присылайте примеры

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

Опубликован:
20.12.24 06:38

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

Верстка на next.js

Требуется сверстать telegram mini app по макету (figma) , на технологиях: next, vite, tailwindcss на чистом typescript с линтером Airbnb, структура проекта должна быть по FSD (ничего сложного, гугл или chatgpt справится)

Frontend

Опубликован:
20.12.24 00:38

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

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

Всех приветствую!Мне нужно разработать одноблочный сайт под дизайн из 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