Обучение UX-UI дизайну — работа в Москве

UX-UI дизайн. Дизайн сайта. Продукт: Сделать финальную работу для Яндекс практикум в tilda. Объём работ: Итак, тебе предстоит: • перенести свой дизайн из Figma в Tilda; • сделать адаптивную версию лендинга для пользователей мобильных устройств. Важно, чтобы сайт получился максимально близким к твоему изначальному дизайну, ведь не зря в макет уже вложено столько усилий. Чтобы и тебе, и ревьюеру было проще ориентироваться, в Figma-файл с этой работой добавь ссылку на Figma с дизайном из 10-го спринта. При автоматическом переносе что-то в твоём дизайне может «слететь»: нужно всё тщательно проверить и поправить. Также, чтобы с сайтом было приятнее работать, надо не забыть про эффекты и настройки анимации. В конце у тебя получится полноценный работающий сайт по твоему макету, с мобильной и десктопной версией. Материалы для работы Тебе понадобится только проверенный ревьюером макет в Figma — сайт Издательства «ARTE» к выпуску книги «Демоны и грешники. Мир Иеронима Босха». Что конкретно нужно сделать При выполнении задания следуй нашей инструкции, она поможет не упустить ничего важного. 1. Определи, из каких блоков будет состоять сайт.?Если блок совсем простой, может быть разумно в несколько кликов собрать его на основе базового и не усложнять задачу импортом. Посмотри внимательно на свой макет и на меню базовых блоков Tilda, определи, для каких целей сможешь их использовать. Подсказка: в базовых блоках точно легко сделать хедер и футер.?Если планируешь комбинировать в работе стандартные и zero блоки, подумай заранее о том, чтобы сетка везде совпадала или, как минимум, смотрелась органично. Учитывай, что отредактировать стандартные блоки не получится. 2. Начни создавать сайт с базовых блоков.?Базовые блоки — самая простая и понятная часть работы. Мы рекомендуем начать с них, а потом уже решать более сложные задачи. Ты знаешь, что делать! Загрузи в Tilda нужный шрифт, выбери подходящий базовый блок и отредактируй его так, чтобы вышло максимально похоже на твой макет. 3. Импортируй фреймы из Figma.?Перенеси из Figma все части макета, которые не подходят для реализации в базовых блоках, расставь получившиеся zero-блоки в нужной последовательности.?Проверь, что все элементы стоят на своих местах и корректно отображаются. Если что-то при импорте поломалось, поправь вручную, работая в zero-блоке. По завершении этого этапа у тебя получится буквально твой макет из Figma, только на Tilda. 4. Настрой анимации в базовых блоках и кликабельные элементы?В хедере и футере может быть много кликабельных элементов. Позаботься о том, чтобы все пункты меню действительно вели к нужным блокам. А также — чтобы работали ссылки на соцсети и документы в футере, если такие есть.?В рамках учебного проекта ты можешь вставить ссылки на любые страницы в указанных соцсетях, а для документов вида Copyright и Privacy Policy создай отдельные страницы на Tilda и скопируй туда любую «рыбу». Если среди базовых блоков есть ещё какие-то с кликабельными элементами, не забудь настроить и их. 5. Проверь всё на предпросмотре и опубликуй сайт.?На этом этапе десктопная версия твоего сайта будет готова! 6. Настрой мобильную версию.?Посмотри, как выглядит твой сайт на экранах смартфонов. Если заметишь мелкие проблемы в zero-блоках, можешь решить их в редакторе, настраивая отступы и размеры элементов. Но не всегда этого будет достаточно: в некоторых случаях придётся буквально удалить один элемент и добавить другой — в соответствии с твоим макетом в Figma.?В базовых блоках у тебя вряд ли возникнут серьёзные проблемы. Но если так случилось, ты знаешь, что делать: убирай видимость блока на мобильных устройствах и добавляй новый блок, подходящий для другого формата экрана. 7. Проверь мобильную версию на предпросмотре и опубликуй сайт снова. Готово! Что важно учесть • Дизайн, цвета, шрифты и элементы макета в Figma менять не нужно. • Точность вплоть до пикселя необязательна: если в базовом блоке отступ выходит незначительно больше или меньше, чем на макете, это не проблема. • Скрывать видимость всех экранов с десктопа для мобильной версии и полностью импортировать мобильную версию из Figma — неоптимальный путь. Мы ожидаем, что ты настроишь мобильную версию путём небольших изменений десктопной версии там, где это возможно. И только несколько блоков придётся заменить полностью. Подсказки • Делай блоки небольшими: если вся основная часть твоего сайта будет одним длинным zero-блоком, с этим будет не очень удобно работать. Техническое задание есть.

Дизайн мобильного приложения. Платформа: iOS. Продукт: . Объём работ: . Технического задания нет.

Дизайн сайта, Дизайн платформы. Продукт: Мы - Экспертный Центр «МедСтандарт»: лицензирование медицинских и бьюти-организаций, документы по СанПиН, учётные журналы. Сейчас полностью перекраиваем нашу платформу https://medstandart-market.ru/ и ищем дизайнера, с которым будем работать постоянно. Задачи появляются под запрос, условия обсуждаем. Актуальная задача сейчас: 1) Отрисовка элементов на нашу платформу, которую мы сейчас полностью перекраиваем. https://medstandart-market.ru/ Например, сейчас есть структура https://lexybelial.github.io/medstandart-market/ , что должно быть обязательно в шапке (меню) + подвал. Нужно взять эту структуру и сделать уже дизайн, по которому программист перерисует элемент. Или например отрисовать блок "источники информации", который мы разместим на все страницы блога и т.д. структуру и тз к которому мы тоже дадим. То, что пойдет дальше: 2) Отрисовка полноценных посадочных. Например, полностью продумать и отрисовать по ТЗ дизайн отдельной посадочной страницы по лицензированию. 3) Отрисовка разовых задач. Например, несколько раз в год мы выступаем на конференции и нам нужно отрисовать баннер для анонса. Важно: - понимание UI (а именно как пользователь мыслит и делать удобно с точки зрения интерфейса) - по оплате можем договариваться разово на каждую задачу или платить за часы работы, или любой другой формат, который вы предложите - опыт отрисовки именно платформ или сайтов, в котором есть катологи, карточки товаров (интернет-магазины) - предлагать свои решения (важно, чтобы вы как специалист высказывали свое мнение и предлагали решения со своей стороны) - тестовых никаких не надо (готовы выйти на встречу и на встрече нужно, чтобы вы разобрали одно из своих портфолио и объяснили чем вы руководствовались в дизайне и что например, порекомендовали нам например по шапке - последнее опционально и необязательно) - Макеты в Figma, с мобильной версией, готовые к передаче программисту. В отклике напишите: ссылку на портфолио (лучше с каталогом или интернет-магазином) и вашу ставку. Объём работ: Отрисовать шапку с меню и подвал. Техническое задание есть.

Продуктовый дизайн. Продукт: Требуется выполнить работы по продуктовому дизайну интерфейсов. Необходимо быстро погрузиться в проект, подготовить качественные, аккуратные макеты с чистыми исходниками и выстроить оперативную коммуникацию. — Срок выполнения: 1-2 дня. — Требования: опыт в продуктовом дизайне, владение Figma, соблюдение дедлайнов. Объём работ: 8. Технического задания нет.

UX-UI дизайн. Дизайн мобильного приложения, дизайн сайта. Платформа: iOS, Android. Продукт: Маркетплейс. Объём работ: Пока не ясно. Технического задания нет.

UX-UI дизайн. Дизайн мобильного приложения. Платформа: iOS. Продукт: Фитнес студия. Объём работ: Полный путь. Технического задания нет.

дизайн карточек. Продукт: Нужно собрать в Figma редактируемую систему карточек товаров бренда POMS на основе уже готового и утвержденного дизайна. Новый дизайн разрабатывать НЕ нужно. Есть готовые мастер-шаблоны, фирменный стиль, изображения ингредиентов и Excel с номенклатурой. Что требуется: точно перенести существующий MASTER-шаблон в Figma; разбить карточку на отдельные редактируемые слои: фон, декоративные элементы, упаковка, логотип, название, подзаголовки, ингредиенты, вес, линейка, размер гранулы и т. д.; настроить Components / Variants / Auto Layout там, где это целесообразно; сделать 6 основных шаблонов: собаки и кошки ? Daily / Balance / Select; для собак предусмотреть варианты гранулы S / M / L; веса: 1 / 5 / 10 / 15 / 20 кг; создать библиотеку готовых ингредиентов и элементов; настроить систему так, чтобы я самостоятельно мог дублировать MASTER, менять название, подстрочник, вес, линейку, гранулу и ингредиенты и получать новую карточку без генерации изображений и без помощи дизайнера; итоговая карточка должна визуально максимально точно совпадать с предоставленным утвержденным образцом. Всего около 35 SKU, данные по ним предоставлю в Excel. Главная задача: не нарисовать карточки заново, а создать удобный производственный шаблон/дизайн-систему в Figma для дальнейшей самостоятельной сборки карточек. Все исходники и примеры предоставлю. В отклике желательно указать опыт создания подобных систем в Figma и примерную стоимость работы. Объём работ: 35. Техническое задание есть. Нужно собрать в Figma редактируемую систему карточек товаров бренда на основе уже готового и утвержденного дизайна. Новый дизайн разрабатывать НЕ нужно. Есть готовые мастер-шаблоны, фирменный стиль, изображения ингредиентов и Excel с номенклатурой. Что требуется: точно перенести существующий MASTER-шаблон в Figma; разбить карточку на отдельные редактируемые слои: фон, декоративные элементы, упаковка, логотип, название, подзаголовки, ингредиенты, вес, линейка, размер гранулы и т. д.; настроить Components / Variants / Auto Layout там, где это целесообразно; сделать 6 основных шаблонов: собаки и кошки ? Daily / Balance / Select; для собак предусмотреть варианты гранулы S / M / L; веса: 1 / 5 / 10 / 15 / 20 кг; создать библиотеку готовых ингредиентов и элементов; настроить систему так, чтобы я самостоятельно мог дублировать MASTER, менять название, подстрочник, вес, линейку, гранулу и ингредиенты и получать новую карточку без генерации изображений и без помощи дизайнера; итоговая карточка должна визуально максимально точно совпадать с предоставленным утвержденным образцом. Всего около 35 SKU, данные по ним предоставлю в Excel. Главная задача: не нарисовать карточки заново, а создать удобный производственный шаблон/дизайн-систему в Figma для дальнейшей самостоятельной сборки карточек. Все исходники и примеры предоставлю. В отклике желательно указать опыт создания подобных систем в Figma и примерную стоимость работы.