UX /UI дизайнер

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

Какие задачи вас ждут:

• Разработка пользовательского интерфейса компонентов desktop-приложения в Figma;
• Проектирование UX/UI;
• Создание визуальных элементов интерфейса (иконки, изображения и т.д.);
• Выполнение прочих работ, связанных с разработкой пользовательского интерфейса;
• Фиксация выполненных работ и прогресса в трекере Redmine.
• Дополнительные задачи: могут потребоваться подготовка шаблонов фирменной презентации, бланка информационного письма; макета фирменного буклета для печати.
• Требования (строго обязательно):
• Опыт разработки UX/UI для desktop-приложений (под Windows, Linux, macOS) от 2х лет.
• Владение графическими редакторами Adobe Photoshop, CorelDRAW либо др. редакторами растровой и векторной графики.
• Уверенное владение Figma, навыки создания понятных для разработчиков прототипов.
• Понимание основ разработки удобного интерфейса, либо желание его быстро освоить на практике;
• Наличие компьютера/ноутбука с необходимыми тех. параметрами и программами для работы.
• Для рассмотрения вашей кандидатуры необходимо выполнить тестовые задания, описанные ниже, выложить их на любое облако и прислать ссылку вместе с откликом.

• Будет преимуществом:

• Портфолио с мокапами и прототипами.
• Вы мыслите пользовательскими сценариями и видеть продукт целиком.
• Внимательны к деталям, понимаете принципы эстетики и базовые принципы разработки, обладаете вкусом и чувством стиля.
• Способны работать в команде, умеете объяснять выбор решений и ожидаемый эффект.
• Вас не пугает линукс, в том смысле что вы хотели бы и могли бы увидеть ваш дизайн вживую в приложении.
• Опыт проведения CustDev и UI/UX тестирования. Наличие портфолио.
• Понимание трендов в разработке пользовательских интерфейсов, специфики отличий десктоп от мобайл.

• Наши преимущества:

• Мы предлагаем полностью удаленную работу в ИТ компании. Нам не важно, в каком городе вы проживаете, главное – как вы работаете.
• У нас нет бюрократии. Мы внимательны к мнениям и поддерживаем команду.

• Условия:

• Преимущественно рассматриваем трудоустройство по ГПХ.
• Удаленная работа. Возможность быть на связи с 10 до 19ч московского времени.
• Возможно совмещение с другим вашим проектом (фрилансом), если у вас будет достаточно сил и времени уделять нашему продукту должное внимание.
• Доступно соискателям с инвалидностью.

• Внимание!

• Необходимо выполнить два тестовых задания, выложить результат на любое облако и ссылку прислать вместе с откликом.
• Отклики, не содержащие результаты тестового задания, будут автоматически отклонены.
• Тестовое задание является, пожалуй, одним из основных критериев отбора.

• Тестовое задание № 1 на графический дизайн (UI).

  Для экрана Desktop-приложения https://www.icloud.com/iclouddrive/034F8YbgcGzwOTi4rXZvgtZRQ#Mnemo, на котором отображена схема технологического процесса добычи газа / нефти, необходимо создать иконку кнопки, обозначающую "Нефтеперерабатывающий завод" (ниже приводим фото нефтеперерабатывающих заводов).

  Требования к иконке:

• растровое изображение в формате PNG размером 128х128 пикселей, допускается слой прозрачности на ваше усмотрение;
• иконка должна содержать границу кнопки (какая она будет - решать вам);
• важно, чтобы кнопка и иконка вписывались в стиль окна приложения, показанный ранее;
• иконка должна быть понятной и наглядно обозначать нефтеперерабатывающий завод без необходимости пояснений словами.

• Примеры нефтеперерабатывающих заводов на фото:

  https://static.tildacdn.com/tild6539-3262-4462-b666-396464666464/photo.png

  https://cdnn21.img.ria.ru/images/153300/09/1533000910_0:0:3166:2047_1440x900_80_1_1_9a0052585e7e35fbc56fc9850b82479e.jpg?source-sid=rian_photo

  https://www.polimex-mostostal.pl/sites/default/files/galerie/2018-08/Budowa%20instalacji%20CDU_VDU%20w%20rafinerii%20gdańskiej%20Grupy%20Lotos%20-%20zdjęcie%201.JPG

• Тестовое задание № 2 на UX/UI

  Для экрана Desktop-приложения из предыдущего задания требуется разработать прототип интерфейса. На экране https://www.icloud.com/iclouddrive/034F8YbgcGzwOTi4rXZvgtZRQ#Mnemo изображена мнемосхема одного из участков производства большого завода. Соответственно, таких мнемосхем может быть много.

  Мнемосхема это условное изображение какого-то производства, где видны в реальном времени показания датчиков, работа оборудования, всем этим пользователь с мнемосхемы может управлять.

  Необходимо учитывать условия технической реализации:

• Пользователь может открыть несколько мнемосхем, а может их закрыть или переключаться между ними. Но активная мнемосхема (то есть демонстрируемая на экране сейчас) может быть только одна, то есть нельзя на одном экране отобразить две или более мнемосхемы.
• Мнемосхема всегда занимает одну и ту же область, которое вы ей выделите на экране (естественно, она будет чуть меньше, чем картинка с примером). Размер области не меняется.
• У мнемосхемы есть имя (совпадает с именем ее файла), оно всегда максимум 16 символов. Это ограничение поможет вам рассчитать нужное пространство для текста, не более того.
• Важно, чтобы пользователь видел полное имя активной мнемосхемы и, желательно, полные имена хотя бы части остальных открытых.
• У пользователя должна быть возможность переключаться между открытыми мнемосхемами, либо открыть новые. Новые мнемосхемы - это файлы, которые можно открыть.
• Пользователь может открыть мнемосхему только из заранее определенной папки, либо дочерних ее папок. То есть в главной папке могут быть подпаски, в них - еще подпапка или мнемосхемы. В общем, стандартное дерево папок.
• Папка имеет название какого-то производства (их на большом заводе много), максимальная длина - 16 символов.

• Вам нужно сделать прототип простого интерфейса в виде макета Figma, в котором:

• 1. Есть область отображения самой мнемосхемы, которая может отличаться по размерам от приведенного ранее примера.
  2. Есть элементы управления, связанные с открытием и закрытием мнемосхем. Вы можете сделать процедуру открытия через стандартный файловый диалог (укажите это), либо проработать сами - либо как отдельное окно в figma, либо в составе основного окна приложения (на ваше усмотрение).
  3. Есть элементы навигации между открытыми мнемосхемами. Причем пользователю может быть важно переключаться между ними как в порядке очередности их открытия, так и по их именам.
  4. Соотношение сторон экрана 16:9, размер 2560х1440 точек.
  5. Творческие отступления от этого задания допускаются, если пользователю это правда будет удобно.