Отрисовать дополнительный брейкпоинт и сделать ui kit под готовый дизайн в фигме
Исходные данные
Есть готовый дизайн примерно на 50 экранов
Разрешения:
Desktop: 1920 px
Tablet: 768 px
Mobile: 360 px
Часть интерфейсных элементов уже:
реализована в виде компонентов,
имеет привязанные шрифты и стили.
При этом:
автолейауты настроены не везде,
масштабирование элементов работает некорректно или отсутствует,
цвета и стили используются не полностью системно.
Задача 1. Приведение макетов в порядок и построение дизайн-системы
На основе существующего дизайна необходимо систематизировать и доработать макеты, сформировав полноценную дизайн-систему.
Основные требования:
Компоненты
Доработать и унифицировать все UI-компоненты по атомарному подходу:
атомы,
молекулы,
организмы.
Исключить дублирующиеся и несистемные элементы.
Привести состояния компонентов (default / hover / active / disabled и т.д.) к единому стандарту.
Автолейауты и адаптивность
Настроить корректные Auto Layout для всех компонентов и экранов.
Обеспечить правильное поведение элементов при изменении размеров контейнеров.
Настроить корректное масштабирование и адаптацию под близкие разрешения экранов.
Стили и токены
Вынести все:
цвета,
шрифты,
отступы,
радиусы,
тени
в единые стили / дизайн-токены.
Исключить использование локальных и несвязанных значений.
Структура
Привести файлы в логичную и понятную структуру:
страницы,
компоненты,
стили,
служебные элементы.
Обеспечить удобство дальнейшей поддержки и масштабирования дизайна.
Результат:
Готовая, чистая и логически выстроенная дизайн-система, полностью основанная на существующем дизайне, без редизайна, но с возможностью дальнейшего развития.
Задача 2. Дополнительное разрешение 1400 px
Разработать и проработать дополнительную адаптацию интерфейса под разрешение 1400 px.
Требования:
Определить поведение сетки и контейнеров между 1920 и 768.
Адаптировать существующие экраны под 1400 px:
без потери логики,
без визуальных «провалов»,
с корректными отступами и масштабированием.
Максимально использовать существующие компоненты и автолейауты.
Избегать дублирования экранов там, где это возможно решить за счёт адаптивных настроек.
Результат:
Полностью готовый и согласованный вариант интерфейса для разрешения 1400 px, встроенный в общую дизайн-систему.
Здесь показал пару макетов и общий объем работы скрином .
Нужна примерная вилка по работе / времени на работу . Дальше смогу отправить рабочий макет для точной оценки
-
2455 19 1 Привет.
Делаю чистый дизайн, удобный и лёгкий для верстки. Так же верстаю дизайн систему, юзаю компоненты и авто лейауты. Поправлю ваш дизайн, как вы написали в ТЗ
4+ года опыта в сфере ui/ux дизайна, много моих проектов работають успешно
Портфолио:Dribbble
Freelancehunt
Цены и сроки будут более ясны после просмотра дизайна
-
372 Здравствуйте! Могу быстро навести порядок в вашем Figma-проекте без редизайна:
— собрать единую дизайн-систему на основе уже готовых экранов,
— унифицировать компоненты и состояния,
— настроить Auto Layout и корректную адаптивность,
— подготовить макеты так, чтобы с ними было удобно работать разработчикам и масштабировать продукт дальше.
Также адаптирую интерфейс под 1400 px без дублирования экранов — через правильную сетку и компоненты.
Результат: чистый, системный дизайн, который легко поддерживать, быстрее верстать и развивать.
…
Ориентировочно:
15-20 рабочих дней
Мое портфолио:Freelancehunt
Behance
-
5692 24 0 Здравствуйте! 👋
Я не дизайнер, который просто рисует, а именно дизайнер, который ПРОЕКТИРУЕТ сайты и платформы, которые продают услуги бизнеса.
Пожалуйста, посмотрите мое портфолио и убедитесь в моей опытности в области UX/UI:
Freelancehunt
-
2181 18 1 Здравствуйте, готова взяться за выполнение, можем обсудить детали? Работаю в Фигма и создаю системы, напишите, спасибо.
-
105 1 Готовый приступить в любой момент
Добрый день! Меня зовут Владимир.
Меня очень заинтересовал ваш проект. Занимаюсь веб-дизайном сайтов. Владею Photoshop, Figma и Lightroom.
Вот мое портфолиоBehance
Готовый приступить в любой момент
Актуальные фриланс-проекты в категории Дизайн интерфейсов (UI/UX)
Дизайнер и разработчик UX/UI Shopify 2.0 для веб-сайта устройства физической терапии
224 343 UAH
Я недавно создал компанию, продающую устройства для физиотерапии и восстановления, и мы ищем опытного UX/UI дизайнера + разработчика Shopify 2.0 для проектирования и создания высококонверсионного интернет-магазина. Цель не просто сделать сайт аккуратным. Нам нужен человек,… Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 3 часа 57 минут назад ∙ 15 ставок |
UX/CRO специалист
1000 UAH
Добрый день Вы самостоятельно работаете в GA4 и Hotjar/Clarity, или обычно получаете данные от клиента? Есть кейсы с интернет-магазинами, где вы именно анализировали данные и выявляли причины низкой конверсии — не редизайн, а именно аудит с цифрами до/после? Как именно измеряли… Дизайн интерфейсов (UI/UX) ∙ 20 часов 23 минуты назад ∙ 3 ставки |
Дизайн интернет-магазина мебелиТребуется дизайнер для разработки дизайна интернет-магазина мебели. Есть заполненный бриф и понимание структуры проекта, однако нет готового видения итогового визуального решения. Нужен специалист, который сможет предложить современный и удобный дизайн с учетом ниши и задач… Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 22 часа 4 минуты назад ∙ 86 ставок |
Создать макет дизайна в Figma для корпоративного сайтаСоздать макет дизайна в Figma для корпоративного сайта. Структуру сайта в приложении. Сайт-донор отправлю в личные сообщения. Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 2 дня 17 часов назад ∙ 136 ставок |
Требуется графический дизайнерТребуется дизайнер который может рисовать подобное Нужно будет создать 2D графику для мобильного приложения Дизайн интерфейсов (UI/UX), Живопись и графика ∙ 3 дня 1 час назад ∙ 34 ставки |