UX/UI дизайнер/графический дизайнер (Figma)

В IT-компанию для создания Linux-приложения с распределенной сетевой архитектурой требуется UX/UI дизайнер и графический дизайнер в одном лице.

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

Вам предстоит преобразовать наброски интерфейса из ТЗ в удобный и понятный пользователем интерфейс, создав его в виде прототипа в Figma и создание дизайна иконок и кнопок приложения и др. визуальных элементов.

Какие задачи вас ждут (Обязанности):

• Разработка пользовательского интерфейса компонентов desktop-приложения в Figma;
• Проектирование UX/UI;
• Создание визуальных элементов интерфейса (иконки, изображения и т.д.);
• Выполнение прочих работ, связанных с разработкой пользовательского интерфейса;
• Фиксация выполненных работ и прогресса в трекере Redmine.

Доп. задачи: могут потребоваться подготовка шаблонов фирменной презентации, бланка информационного письма; макета фирменного буклета для печати.

Требования (строго обязательно):

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

Внимание!

Для рассмотрения вашей кандидатуры необходимо выполнить тестовое задание, описанное ниже!

Тестовое задание необходимо нам для понимания релевантности вашего опыта нашим Требованиям.

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

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

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

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

Условия:

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

Внимание!

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

Тестовое задание является, пожалуй, основным критерием отбора.

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

Для экрана Desktop-приложения, на котором отображена схема технологического процесса добычи газа / нефти

https://www.icloud.com/iclouddrive/034F8YbgcGzwOTi4rXZvgtZRQ#Mnemo,

необходимо создать иконку кнопки, обозначающую "Нефтеперерабатывающий завод".

Вот примеры как выглядит нефтеперабатывающий завод:

• 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

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

1. Иконка это растровое изображение в формате PNG размером 128х128 пикселей (допускается слой прозрачности на ваше усмотрение).
2. Ваша задача на этой иконке изобразить "нефтеперерабатывающий завод" или его символ, который будет понятен без лишних слов.
3. Иконка содержит, в том числе, границу кнопки. Какая она будет, решать вам.
4. Главное, чтобы кнопка и иконка вписывались в стиль окна приложения, показанный ранее.

Тестовое задание № 2 на UX/UI - создание Прототипа.

Для экрана Desktop-приложения из предыдущего задания требуется разработать прототип интерфейса.

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

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

Важно учитывать следующие условия:

• Пользователь может открыть несколько мнемосхем, а может их закрыть или переключаться между ними.

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

• Важно, чтобы пользователь видел полное имя активной мнемосхемы и, желательно, полные имена хотя бы части остальных открытых.

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

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

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