Алексей
Новосёлов
UX/UI
designer
Опыт:
20 лет в дизайне, 15 из них проектирую мобильные и десктоп интерфейсы. 2 года руковожу командами дизайнеров. Работал в Motorola Solutions, Lesta Studio, Эврика, Сигма ИТ.В настоящее время тружусь над PLM-системой Сарус+ в компании ТопС Бизнес Интегратор (холдинг НКК) на позиции - UX/UI Designer Team Lead
UX/UI designer
Team Lead
Стаж 15 лет
Образование:
В 2002 окончил Художественно эстетический лицей №190 при Академии Штиглица. В 2008 получил ВО в Институте Декоративно Прикладного Искусства, по специальности Графический дизайнер.
Высшее профильное 6 лет
Художественный лицей 2 года
Навыки:
UX
UI
CJM
Дизайн-система
FIGMA
Анимация
Руководство
Рисование от руки
Мобилка
Web
Desktop
Содержание
01
Я дизайнер
Компетенции:
• UX/UI• CSS (базовые знания)• Графический дизайн (иконки, иллюстрации)• Рисование от руки• Типографика• Айдентика (логотипы)• Полиграфия• 3D моделирование (основы)
Чем буду полезен вам:
• Сэкономлю Ваше время на онбординг, быстро вникну в проект и выстрою коммуникации с командой проекта• Помогу улучшить UI и UX продукта• Проведу UX-аудит (включая UX-копирайтинг)• Расставлю приоритеты и выработаю оптимальный подход к работе над проектом• Помогу создать дизайн-систему• Сопровожу дизайн до самой публикации• Дизайн проектирую/строю, а не "рисую", поэтому всегда могу обосновать принимаемые дизайн-решения• Элегантно обыграю любые технические ограничения
Инструменты:
Figma
Lottie
FIGMA
Jira
Confluence
Анимация
Руководство
4D Cinema
02
Я тимлид
Компетенции:
• Управление командой• Переговоры и деловая переписка с заказчиком• Планирование загрузки команды и оценка проектов• Оценка трудозатрат и распределение задач• Дизайн-ревью и авторский надзор• Прокачка навыков членов команды• Подбор и интервью кандидатов
Чем буду полезен вам:
• Помогу создать или улучшить продукт• Налажу коммуникации и процессы внутри команды• Формализую и сделаю понятной и прозрачной работу дизайнеров• Сэкономлю трудозатраты на разработку, повысив полезность артефактов• Сокращу адаптационный период дизайнеров на новых проектах• Прокачаю экспертизу дизайнеров• Подниму качество производимого дизайна• Помогу выстроить процессы
Инструменты:
Jira
Confluence
FIGMA
Figma
03
Авто мультимедиа
Концепт автомобильной мультмедиа-панели. Работа выполнена в рамках тестового задания от РТК ИТ. Центральная тема - работа с режимом Split-screen.
4a
Задача
Спроектировать интерфейс и отрисовать макеты мультимедиа-панели автомобиля под разрешение 1920 на 720 по следующим требованиям:
1. Главный экран с виджетами приложений и навбаром.
2. Режим split-screen с несколькими одновременно работающими приложениями и переключением между split-screen и full-screen выбранного пользователем приложения.
Основные приложения: медиаплеер, навигатор, погода.
4b
CJM
CJM можно посмотреть в десктопной версии
4c
Экраны
Главный экран
Приложения
Split-screen
Мультимедиа
Погода
04
Заряди.Авто
Мобильное приложение для зарядки электромобилей. Заказчик РН-Энерго. Разработано в Сигма.Визуальная стилистика была предварительно предоставлена.
Что требовалось:
Разработать приложение для сети ЭЗС компании РН-ЭНЕРГО
Что сделал:
Развивал визуальный референс. Прорабатывал сценарии, навигацию и поведение. Графический дизайн.
4a
Профиль
4b
Станции и зарядка
4с
Тех экраны
05
ПСК.Авто
Мобильное приложение для зарядки электромобилей. Заказчик ПСК. Разработано в компании Сигма.
Что требовалось:
Разработать приложение для сети ЭЗС компании ПСК.
Что сделал:
Прорабатывал сценарии, навигацию и поведение. Графический дизайн.
5a
Авторизация и карточка ЭЗС
5b
Зарядка
06
Дайджест ТМХ
Пресейл мобильного дайджеста компании ТМХ. Разработано в компании Сигма.
Что требовалось:
Разработать дизайн MVP мобильного приложения дайджеста компании ТМХ.MVP содержит видеогалерею, фотогалерею и новости.
Что сделал:
Придумал визуальный дизайн, навигацию и механику.Разделы Видео, Фото и Новости имеют несколько рубрик. Интерфейс позволяет просматривать контент по категориям находясь как на главной странице, так и внутри самих рубрик.
6a
Новости
6b
Видео
6c
Фото
07
ЛК Водоканала
Личный кабинет пользователей Водоканала. Для юр и физ лиц. Разработано в компании Сигма.
Визуальная стилистика была предварительно предоставлена.
Что требовалось:
Разработать новый ЛК пользователя.
Что сделал:
Развивал визуальный референс, макетировал. Был лидом на проекте, контролировал разработку макетов.
7a
Главная
7b
Автоплатежи
Автоплатежей нет
Список автоплатежей
Создание автоплатежа
7c
Задолженности
Список задолженностей
Оплата картой
Реквизиты оплаты
7d
Обращения
Шаг 1. Тип обращения
Шаг 2. Информация
ЦЭП
7e
Услуги
08
Учебный портал РЖД
Учебный портал для сотрудников РЖД.
Что требовалось:
Разработать учебный портал.
Что сделал:
Разработал дизайн учебного портала в стиле официального сайта РЖД.
8a
Подготвока плана обучения
8b
Контроль формирования плана
8c
Создание занятия
До
2018
Далее представлены очень старые но любопытные проекты :)
09
Авто тач-панель
Концепт был создан в 2018 в рамках тестового задания от Arrival.
Что требовалось:
Разработать концепт нескольких экранов тач-панели и HUD грузового электромобиля.
Что сделал:
Сформировал перечень функций и разработал дизайн интерфейса нескольких экранов.
9a
HUD
9b
Touch-panel / Ресурсы
9c
Touch-panel / Настройка посадки
9d
Touch-panel / Мультимедиа
10
Soft-Stylus
Утилита под Windows, для ввода и распознания рукописного текста, посредствам тач-скрина и тач-пада. Проект выполнен в далёком 2012 году в компании Motorola Solutions.
Что требовалось:
Разработать утилиту для ввода и распознания рукописного текста. Целевая аудитория-преимущественно азиатский рынок.
Что сделал:
В составе творческой группы принял самое активное участие в разработке концепта (функции, механика, поведение). Разработал дизайн мимикрирующий под Windows 7.
11
Rocket
Концепт будильника под Windows Phone.
Разрабатывался в составе творческой группы.
Что требовалось:
Разработать необычный будильник под WP.
Что сделал:
Придумал механику указания времени, путем “рисования” цифр.
Разработал дизайн интерфейса и логотип приложения.
12
Alarman
Концепт будильника под Windows Phone.
Разрабатывался в составе творческой группы.
Что требовалось:
Разработать необычный будильник под WP.
Что сделал:
Придумал механику указания времени одной стрелкой с шагом в 15 минут.
Разработал дизайн интерфейса и логотипа приложения.
13
Логотипы
Небольшая коллекция логотипов.
© Алексей Новосёлов
Все права защищены
Обо мне
Проекты
До 2018
Алексей
Новосёлов
UX/UI
designer
Опыт:
20 лет в дизайне, 15 из них проектирую мобильные и десктоп интерфейсы. 2 года руковожу командами дизайнеров. Работал в Motorola Solutions, Lesta Studio, Эврика, Сигма ИТ.В настоящее время тружусь над PLM-системой Сарус+ в компании ТопС Бизнес Интегратор (холдинг НКК) на позиции - UX/UI Designer Team Lead
UX/UI designer
Team Lead
Стаж 15 лет
Образование:
В 2002 окончил Художественно эстетический лицей №190 при Академии Штиглица. В 2008 получил ВО в Институте Декоративно Прикладного Искусства, по специальности Графический дизайнер.
Высшее профильное 6 лет
Художественный лицей 2 года
Навыки:
UX
UI
CJM
Дизайн-система
Руководство
Figma
Анимация
Рисование от руки
Мобилка
Web
Desktop
Содержание
01
Я дизайнер
02
Я тимлид
03
РТК ИТ / Авто мультимедиа
04
РН-Энерго / ЗарядиАвто
05
ПСК / ПСК.Авто
06
ТМХ / Дайджест
07
Водоканал / ЛК пользователя
08
РЖД / Учебный портал
09
Arrival / Авто тач-панель
10
Motorola / Soft-Stylus
11
Rocket / концепт будильника
12
AlarMan / концепт будильника
13
Логотипы
01
Я дизайнер
Компетенции:
• UX/UI• CSS (базовые знания)• Графический дизайн (иконки, иллюстрации)• Рисование от руки• Типографика• Айдентика (логотипы)• Полиграфия• 3D моделирование (основы)
Чем буду полезен вам:
• Сэкономлю Ваше время на онбординг, быстро вникну в проект и выстрою коммуникации с командой проекта• Помогу улучшить UI и UX продукта• Проведу UX-аудит (включая UX-копирайтинг)• Расставлю приоритеты и выработаю оптимальный подход к работе над проектом• Помогу создать дизайн-систему• Сопровожу дизайн до самой публикации• Дизайн проектирую/строю, а не "рисую", поэтому всегда могу обосновать принимаемые дизайн-решения• Элегантно обыграю любые технические ограничения
Инструменты:
Figma
Lottie
Balsamiq
Jira
Confluence
Photoshop
Illustrator
4D Cinema
02
Я тимлид
Компетенции:
• Управление командой• Переговоры и деловая переписка с заказчиком• Планирование загрузки команды и оценка проектов• Оценка трудозатрат и распределение задач• Дизайн-ревью и авторский надзор• Прокачка навыков членов команды• Подбор и интервью кандидатов
Чем буду полезен вам:
• Помогу создать или улучшить продукт• Налажу коммуникации и процессы внутри команды• Формализую и сделаю понятной и прозрачной работу дизайнеров• Сэкономлю трудозатраты на разработку, повысив полезность артефактов• Сокращу адаптационный период дизайнеров на новых проектах• Прокачаю экспертизу дизайнеров• Подниму качество производимого дизайна• Помогу выстроить процессы
Инструменты:
Jira
Confluence
Excel
Figma
03
Авто мультимедиа
Концепт автомобильной мультмедиа-панели. Работа выполнена в рамках тестового задания от РТК ИТ. Центральная тема - работа с режимом Split-screen.
Презентация
§ Анализ
§ Анатомия
§ Экраны
§ Решения
4a
Задача
Спроектировать интерфейс и отрисовать макеты мультимедиа-панели автомобиля под разрешение 1920 на 720 по следующим требованиям:
1. Главный экран с виджетами приложений и навбаром.
2. Режим split-screen с несколькими одновременно работающими приложениями и переключением между split-screen и full-screen выбранного пользователем приложения.
Основные приложения: медиаплеер, навигатор, погода.
4b
CJM
Этап
1.Переход в Split-screen
2.Выбор приложений
3.Настройка экранов
4.Переход в Full-screen
Действие
Переключение между режимами
Выбор приложений для отображения в экранах
Регулировка положения и пропорций экранов
Переключение между режимами
Мотивации и потребности
Хочет использовать два приложения одновременно
Хочет один из экранов предоставить пассажиру
Хочет отобразить на экране, нужные в данный момент приложения
Хочет переопределить приложения для каждой из половин экрана
Хочет поменять экраны местами и/или изменить их пропорции относительно друг друга
Хочет воспользоваться укрупненными контролами и расширенным функционалом, характерными для полноэкранного режима
Хочет снизить когнитивную и визуальную нагрузку, убрав ненужное
Мысли и эмоции
Как быстро открыть нужные приложения в режиме Split-screen?
Как перейти в режим, с отображаемым в настоящий момент приложением?
Как быстро вернуться обратно в Full-screen?
Как быстро настроить комбо из приложений?
Как быстро переключаться между приложениями?
Если ошибся, как быстро исправить?
Как развернуть на весь экран одно конкретное из отображаемых приложений?
Как быстро вернуться обратно в Split-screen с прежними настройками?
Проблемы
Прерывание зрительного контакта с дорогой
Когнитивная нагрузка
Высокие требования к мелкой моторике
Стресс, страх ошибки
Прерывание зрительного контакта с дорогой
Когнитивная нагрузка
Стресс, страх ошибки
Прерывание зрительного контакта с дорогой
Когнитивная нагрузка
Высокие требования к мелкой моторике
Стресс, страх ошибки
Прерывание зрительного контакта с дорогой
Когнитивная нагрузка
Стресс, страх ошибки
Решения
Приоритет за простыми механиками
Голосовое управление
Распараллелирование режимов (как два рабочих стола)
Предустановленные режимы (избранное)
Раздельное управление половинами экрана
Иттеративность (возможность быстрой активации с последующей донастройкой)
Приоритет за простыми механиками
Голосовое управление
Предустановленные режимы (избранное)
Для каждой половины экрана - своя навигация по приложениям
Приоритет за простыми механиками
Голосовое управление
Настройка положений экранов - по зацикленной кнопке
Настройка пропорций экранов - по зацикленной кнопке с пресетами (50/50, 75/25 и 25/75)
Приоритет за простыми механиками
Голосовое управление
Укрупненные контролы
Распараллелирование режимов (как два рабочих стола)
Предоставить возможность отображать и синхронизировать одно и то же приложение в обоих режимах, одновременно
4c
Экраны
Главный экран
Приложения
Split-screen
Мультимедиа
Погода
04
Заряди.Авто
Мобильное приложение для зарядки электромобилей. Заказчик РН-Энерго. Разработано в Сигма.Визуальная стилистика была предварительно предоставлена.
Что требовалось:
Разработать приложение для сети ЭЗС компании РН-ЭНЕРГО
Что сделал:
Развивал визуальный референс. Прорабатывал сценарии, навигацию и поведение. Графический дизайн.
4a
Профиль
4b
Станции и зарядка
4с
Тех экраны
05
ПСК.Авто
Мобильное приложение для зарядки электромобилей. Заказчик ПСК. Разработано в компании Сигма.
Что требовалось:
Разработать приложение для сети ЭЗС компании ПСК.
Что сделал:
Прорабатывал сценарии, навигацию и поведение. Графический дизайн.
5a
Авторизация и карточка ЭЗС
5b
Зарядка
06
Дайджест ТМХ
Пресейл мобильного дайджеста компании ТМХ. Разработано в компании Сигма.
Что требовалось:
Разработать дизайн MVP мобильного приложения дайджеста компании ТМХ.MVP содержит видеогалерею, фотогалерею и новости.
Что сделал:
Придумал визуальный дизайн, навигацию и механику.Разделы Видео, Фото и Новости имеют несколько рубрик. Интерфейс позволяет просматривать контент по категориям находясь как на главной странице, так и внутри самих рубрик.
6a
Новости
6b
Видео
6c
Фото
07
ЛК Водоканала
Личный кабинет пользователей Водоканала. Для юр и физ лиц. Разработано в компании Сигма.
Визуальная стилистика была предварительно предоставлена.
Что требовалось:
Разработать новый ЛК пользователя.
Что сделал:
Развивал визуальный референс, макетировал. Был лидом на проекте, контролировал разработку макетов.
7a
Главная
7b
Автоплатежи
Автоплатежей нет
Список автоплатежей
Создание автоплатежа
7c
Задолженности
Список задолженностей
Оплата картой
Реквизиты оплаты
7d
Обращения
Шаг 1. Тип обращения
Шаг 2. Информация
ЦЭП
7e
Услуги
08
Учебный портал РЖД
Учебный портал для сотрудников РЖД.
Что требовалось:
Разработать учебный портал.
Что сделал:
Разработал дизайн учебного портала в стиле официального сайта РЖД.
8a
Подготвока плана обучения
8b
Контроль формирования плана
8c
Создание занятия
До
2018
Далее представлены очень старые но любопытные проекты :)
09
Авто тач-панель
Концепт был создан в 2018 в рамках тестового задания от Arrival.
Что требовалось:
Разработать концепт нескольких экранов тач-панели и HUD грузового электромобиля.
Что сделал:
Сформировал перечень функций и разработал дизайн интерфейса нескольких экранов.
9a
HUD
9b
Touch-panel / Ресурсы
9c
Touch-panel / Настройка посадки
9d
Touch-panel / Мультимедиа
10
Soft-Stylus
Утилита под Windows, для ввода и распознания рукописного текста, посредствам тач-скрина и тач-пада. Проект выполнен в далёком 2012 году в компании Motorola Solutions.
Что требовалось:
Разработать утилиту для ввода и распознания рукописного текста. Целевая аудитория-преимущественно азиатский рынок.
Что сделал:
В составе творческой группы принял самое активное участие в разработке концепта (функции, механика, поведение). Разработал дизайн мимикрирующий под Windows 7.
11
Rocket
Концепт будильника под Windows Phone.
Разрабатывался в составе творческой группы.
Что требовалось:
Разработать необычный будильник под WP.
Что сделал:
Придумал механику указания времени, путем “рисования” цифр.
Разработал дизайн интерфейса и логотип приложения.
12
Alarman
Концепт будильника под Windows Phone.
Разрабатывался в составе творческой группы.
Что требовалось:
Разработать необычный будильник под WP.
Что сделал:
Придумал механику указания времени одной стрелкой с шагом в 15 минут.
Разработал дизайн интерфейса и логотипа приложения.
13
Логотипы
Небольшая коллекция логотипов.
© Алексей Новосёлов 2025
Все права защищены