Рекора Дизайн
Рекорды & Высоты
Привет! Я Алексей Янковский, дизайнер.
Привет! Я Алексей Янковский, дизайнер.
Фотографика
Векторные Иллюстрации
Семиотический Дизайн
UX / UI
3D Моделирование
Леттеринг
Фотомонтаж
и Обработка
UX / UI
Иконки
и Знаки
Логотипы
и Брэндинг
Фотография
Векторная
Иллюстрация
Eng
Rus
Уровни Профессиональных Навыков и Компетенций
Уровни Профессиональных Навыков и Компетенций
Web Application/SaaS Product & Dashboard Design
UX/UI Design
Mobile Design for iOS & Android
Interactive Prototypes
UX Research
Usability Tests
Wireframing
Landing Page
Product Design
Vecor Illustration
Branding
Logo Design
Icon pack Design
Photographie / Photo Processing
Tilda Expert
MODX Expert
Web Application/SaaS Product & Dashboard Design
UX/UI Design
Mobile Design for iOS & Android
Interactive Prototypes
UX Research
Usability Tests
Wireframing
Landing Page
Product Design
Vecor Illustration
Branding
Logo Design
Icon pack Design
Photographie / Photo Processing
Tilda Expert
MODX Expert
2012
2001
1997
1978
Я графический дизайнер с 1997 года. Из Екатеринбурга, Россия.
Опыт разработки пользовательских интерфейсов (веб-дизайн) с 1999 года.
Опыт комплексной разработки, в роли Руководителя проектов с 2008 года.
Опыт работы продуктовым дизайнером с 2009 года.
Защитил диплом магистра графического дизайна в 2001 году в УРГАХА.

Уверенный командный игрок как вербально, так и при дистанционном взаимодействии. Опыт ведения проектов; разработки ТЗ, прототипов, гайдов. Большой опыт самостоятельный работы и управления собственной студией.

Люблю спорт, многодневные походы в лес и в горы, велосипед, сноуборд, беговые лыжи, сап. Фотографирую, пишу музыку, рисую руками и на компьютере. Постоянно учусь, уважаю науку.

Высоко дисциплинирован. Способен обосновать свои решения. Всегда сосредоточен на ключевых ценностях продукта.

Кратко обо Мне

Web Application/SaaS Product & Dashboard Design
UX/UI Design
Mobile Design for iOS & Android
Interactive Prototypes
UX Research
Usability Tests
Wireframing
Landing Page
Product Design
Vecor Illustration
Branding
Logo Design
Icon pack Design
Photographie / Photo Processing
Tilda Expert
MODX Expert
Мои Возможности и мои Приоритеты
Поездки
и встречи
Собственный
транспорт
Переработки
Работа в офисе
Удалённая работа
Всегда на связи
Командировки
Immer bereit!
Переезд
Мои Возможности и Приоритеты
Я продуктовый дизайнер с опытом SCRUM и современными знаниями UX / UI, позволяющими обеспечить простой и сложный дизайн интерфейсов.

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

Разработка пользовательских сценариев, создание кликабельных интерактивных прототипов для проверки гипотез и выявления проблем, разработка дизайн-систем / китов — так же входит в мои компетенции.

Figma эксперт (интерактивные прототипы, компоненты, автолейауты);
Tilda эксперт (разработка на Zero-блоках, микроанимации);
Photoshop, CorelDraw, Animate, Lightroom - отлично знаю и использую.

Специалист по знакам. Разрабатываю логотипы, тематические айконпаки, брэндбуки, стайлгайды.

Дизайнер-иллюстратор, рекламный иллюстратор, многолетний опыт работы с векторной графикой, фотомонтажом, предпечатной подготовкой, полиграфией.

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

Разными Днями разными Путями

Что я могу

2024 / 04

Дизайн, структура и пользовательские сценарии новой версии созданного ранее совместно с Modx-Assist оптового интернет-магазина носков, нижнего белья, галантерейных товаров. Сейчас более 60% заявок поступает со смартфонов, поэтому применён принцип Mobile-First. Учтены все метрики и отзывы клиентов, поведенческие паттерны, унаследованные от маркетплейсов. Минималистичный дизайн и цветовая гамма ориентированы на ЦА с учётом специфики товара. Отрисовано более 150 экранов для мобильной версии и десктопа, проработано более 70 пользовательских сценариев, с учётом всех возможных действий и состояний. Переработана корзина, личный кабинет пользователя, система авторизации, фильтрация контента. Также ранее мною был разработан обновлённый логотип маркетплейса. Готовые Figma-мокапы переданы в вёрстку для дальнейшего переподключения шаблонов.

Orensocks: Носки-оптом Маркетплейс галантерейных товаров 2.0

2016 - 23

KnowledgeCity - компания из США, разрабатывающая решения для электронного обучения с более чем 15-летним опытом в индустрии. Своим клиентам из США, Европы и стран Ближнего Востока KnowledgeCity предлагает обширную учебную библиотеку, систему управления обучением под ключ (LMS), включая пользовательские учебные порталы.

С командой дизайнеров KC мы разработали Дизайн-систему для пользовательских и внутренних инструментов компании и создали Сторибук. Разработали новую LMS, продумали множество юзер-флоу в том числе для формирования Learning Path. Создали шаблоны для простой кастомизации Клиентских учебных Порталов, разработали новый Admin Tools и Маркетплейс для управления порталами и их контентом.

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

Мы разработали систему информационных блоков и совершенно новую CMS для создания новых тематических промо-лэндингов компании, используя принцип No-Code.

Мы поработали с айдентикой компании, деликатно улучшили корпоративные цвета, освежили логотип, продумали варианты брэндирования продуктов компании, разработали собственный уникальный икон-пак.
Процесс разработки KC-CMS: Знакомство с задачей
Демонстрация процесса разработки нового пользовательского интерфейса CMS для KnowledgeCity.
Процесс разработки KC-CMS: Пользовательский процесс создания новой страницы и наполнения ее контентом
Демонстрация процесса разработки нового пользовательского интерфейса CMS для KnowledgeCity: Создание новой страницы по принципу No-Code, настройка страницы, добавление и настройка блоков контента.
Процесс разработки KC-CMS: использование блоков контента
Демонстрация процесса разработки нового пользовательского интерфейса CMS для KnowledgeCity: Использование блоков контента.
Процесс разработки KC-CMS: Ресурсы, создание нового ресурса
Демонстрация процесса разработки нового пользовательского интерфейса CMS для KnowledgeCity: список ресурсов, создание внутренних или внешних ресурсов.

2024 / 02

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

Посмотрите, как я решил этот кейс, объединив страницу входа / регистрации в сервис с информационными материалами о путях решения проблем.

Так же в CorelDraw были отрисованы персонажи - участники презентации.

Онбординг и регистрация пользователя в сервисе юридической помощи

2024 / 01

В некоей компании сотрудники назначают друг другу встречи — чтобы
обсудить рабочие дела, рассказать о результатах, решить проблему. Встречи проходят в переговорках — небольших комнатах вместимостью от 3 до 10 человек. Они по-разному оборудованы: в переговорке может быть стол, маркерная доска, компьютер и телевизор, к которому можно подключить ноутбук.

Задача: сотрудник хочет организовать встречу в переговорке, которая подходит по размеру и оборудованию. Он пытается найти время, когда свободна переговорка и все участники — информация об этом уже есть в сервисе. Необходим
интерфейс, который ему поможет.

Смотрите, как я нашёл простое решение данной задачи, исследуя прототип или просмотрев мой пояснительный видеоролик.

Мини-приложение для внутрикорпоративного пользования: Бронирование переговорных комнат для групп

2023 / 08

Предложение логотипа портала, посвящённого культуре Югры (ХМАО), что понятно из названия.

Поигрался с ассоциациями, поработал 
с метафорами - что есть культура, 
каков её визуальный образ?

Почему-то виделся "мальчик с арфой", хех...
К счастью у Хантов существует красивый струнный инструмент Тор-сапль-юх (Журавль 
с деревянной шеей) или иначе — хотол (лебедь), так что идея смогла обрести свой чёткий законченный абрис.

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

Культура Югры
Логотип портала

2021 / 09

Это вторая версия сайта. Первый сайт был создан в 2009 году совместно с Redix.
Агентство «Лагуна» расположено в городе Анапа, на побережье Черного моря в России. Агентству уже 25 лет, оно одно из старейших в России. И все это время – нас связывают прочные партнерские отношения.

В дизайне важно было отразить морскую тематику и немного затронуть тему космоса. Владелец агентства раньше работал в космической отрасли.
Поэтому появились волны, плавные линии, брызги. Были придуманы соответствующие уникальные иконки.
Прототипирован и спроектирован в Figma, собран на MODX Revo. Векторные элементы, созданы в Corel Draw.

Лагуна: рекламное
агентство. Веб-сайт 2.0

2021 / 09

Для традиционного осеннего похода нашего турклуба по был разработан и собран промо-лэндинг на Tilda с помощью как стандартных 
так и Zero-blokcs.

Для лэндинга была отрисована векторная иллюстрация для обложки в CorelDraw, изображающая сам хребет Нурали и условный маршрут.
Были отсняты и обработаны фотоматериалы, созданы тематические иконки.

Так же были подготовлены промо-материалы 
для анонсирования события в социальных сетях.

Хребет Нурали со Своей Высотой. Иллюстрация
и Лэндинг

2021 / 06

Немного "иконоборчества" и размышлений по визуальным образам для нашего клуба.

Заброска туристических групп собственным транспортом — ну как показать это иконкой? Нарисовать машинку? Примитивно и не информативно. 
Ну что еще? Забросить так забросить — из катапульты, требушета, огромной рогатки... еще чуть-чуть и из пушки — на луну :))

"Это было Душевно!" — говорим мы, вспоминая какой либо из походов. Важное впечатление! А что это означает для каждого из участников? И как это выразить знаком?"...Это обязательное наличие совместно-проведенного времени не в движении, а когда можно расслабиться, поболтать, обсудить что уже было и что планируется, просто погрузиться в ощущения, это как правило, у костра, ну или время в палатке во время дождя ))"

Счастье любит тишину! Как выразить готовность водить в коммерческие походы мини-группы от четырёх человек — как ключевое преимущество нашего тур клуба? Каким лаконичным знаком, какой ёмкой фразой? 
Ну нарисовал бы я четыре человечка, возможно даже обнявшихся и что? Прямолинейно, скучно и... непонятно. Может быть ставшую хрестоматийной очередь на Эверест, категорически перечёркнутую? — ну это уже слишком — в знаке не должно быть негатива. Хочется "душевности", но она уже обрела своё визуальное воплощение в знаке нарисованном мною ранее. 
А пусть это будет походный термос, три кружки плюс кружка-крышка! Чем не символ небольшой душевной компании в совместном походе? А почему же мини-группы — это преимущество? Да потому что переживания и ощущения победы — это глубоко личные чувства, я в этом уверен. Достичь своей высоты — это счастье, а счастье любит тишину!

Проект значков-преимуществ для туристического клуба Своя Высота

2021 / 04

В основе знака намек на букву Ψ, вписанную 
в круг, изображение ветвей деревьев, крыльев бабочки, страниц книги, перьев листьев, очертаний птиц.
В полноцветном варианте присутствует контраст оранжевых (бодрость, свет) и синих (спокойствие, уверенность, сила) тонов, бирюзового (расслабление, легкость, свобода).
Монохромные варианты: линейные 
и заполненные – золото и оттенки.
Написание названия в двух вариантах: декоративным шрифтом с засечками для полноцветного варианта. Для монохромного варианта надпись уменьшена, шрифт использован простой, без засечек.
Логотип многогранен, почти геральдический, олицетворяющий сложность и богатство человеческих чувств, их многообразие и интерес. Цельный, но без строгой симметрии, динамичный, воздушный.

Пси-Просвет: Лого и Лэндинг для психолога

2020 / 08

Набор векторных изометрических иконок для справочных материалов веб-сайта — Catalogs, Articles, Presentations.
Изначально выполнены вручную в виде эскизов. Не для какого-либо заказчика.

Спустя некоторое время — отрисованы мною в CorelDraw и могут быть использованы в подходящем по тематике и стилю проекте.

Каталоги, Статьи, Презентации
Мини набор иконок

2020 / 07

Компания Armacon является российским разработчиком и производителем оружейного тюнинга.

В данном проекте я выступал и как менеджер проекта и как дизайнер. Мною было разработано и подготовлено техническое задание, создан прототип, разработаны и согласованы дизайн-макеты. Под моим управлением была выполнена html-вёрстка и подключение сайта. Мною были подготовлены учебные материалы для Заказчика как управлять своим новым интернет магазином и оказана помощь в его первичном наполнении контентом.

Дизайн и прототипирование выполнено в Figma, сборка на MODX Revo.

Армакон: Интернет-магазин производителя тюнинга для оружия

2020 / 05

Промо лэндинг для нашего турклуба, посвящённый походу на Алтай с восхождением на гору Белуха.
Для этого лэндинга по ранее сделанным мною фотографиям Аккемского озера была создана векторная иллюстрация. В этом же стиле были созданы иконки меню и разделов, иконки социальных сетей, а так же нарисован наш талисман - вязаный Кот Франк.
Ранее мною был создан логотип мероприятия.
Прототип и дизайн лэндинга выполнены в Figma, собран на Zero-блоках Tilda. Векторные элементы, отрисованны в Corel Draw.

Гора Белуха со Своей Высотой: Логотип, Иллюстрация, Талисман, Набор иконок и Промо-лендинг для традиционной летней поездки нашего турклуба на Алтай

1995 - ∞

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

В такой момент не важно что есть сейчас у меня под рукой — плёночный ли это фотоаппарат из старой эпохи, простая фото-мыльница, телефон 
с первобытной камерой, современный смартфон или прекрасный цифровой фотик — я рад, что могу “прихватить” эту вещь с собою, 
унести в свою коллекцию.

Разные вещицы: Фотомикс

Просто посмотрите, что говорят обо мне мои коллеги и партнеры

Экс Дизайн-Тимлид в KnowledgeCity / Основатель и генеральный директор Presentation Studio voltagestd.com
Алекс хорошо понимает требования бизнеса и целеустремлен. Также он продемонстрировал проверенные навыки UX/UI, включая технические функции в Figma, которые позволяют разработчикам легко передавать макеты дизайна. С ним очень легко общаться, и у него хорошее чувство юмора. Желаю ему найти работу мечты!
Алексей отличный командный игрок, навыки решения проблем на высоком уровне, я работала с некоторыми из его макетов, они очень точные, хорошо структурированные, с ними легко работать (слои упорядочены, отличное использование auto layout и компонентов). За каждым дизайнерским решением стоит хорошо продуманное обоснование. Алекс полагается на лучшие практики и правила юзабилити для создания удобных юзерфлоу. Я определенно поработала бы с ним снова.
Менеджер по цифровому маркетингу в KnowledgeCity
I was very happy when Alexey joined our team. Alexey demonstrated a deep and quick understanding of the problems, a willingness to offer solutions and additional interesting options. Thus, we almost always agreed on mockups without delays, with virtually no edits. We have put our promotional materials, landing pages, and blog in order.
Юлия Тюрякова
Ex HR веб-дивизиона в KnowledgeCity
Алексей неизменно демонстрирует ответственность, сильные навыки командной работы и глубокий исследовательский подход к задачам. Во время моего общения с ним меня поразило его чувство ответственности. Всегда берет на себя ответственность за работу и следит за тем, чтобы поставленные задачи выполнялись своевременно и качественно. Его инициативный подход и готовность приложить дополнительные усилия оказали положительное влияние на результаты проекта. Кроме того, его способность хорошо работать в команде невозможно переоценить. Он восприимчив к обратной связи, участвует в мозговых штурмах и всегда готов помочь своим коллегам. Одним из его выдающихся качеств является его глубокий исследовательский подход к проблемам. Он вкладывает значительное время и усилия в понимание требований проекта, целевой аудитории и текущих тенденций рынка. Его внимание к деталям и способность выявлять потенциальные проблемы и возможности отличают его от остальных. Такой тщательный подход не только повышает качество работы, но и помогает команде добиться выдающихся результатов.
Full-stack веб-разработчик в KnowledgeCity
Алексей прекрасно знает функционал Figma и многих других графических редакторов. Его макеты всегда аккуратны, иерархия слоев и их групп соблюдена, всем даны соответствующие имена. В процессе верстки у меня практически никогда не возникало вопросов, а в ответ на мои предложения Алексей всегда сразу давал замечания, оперативно вносил необходимые корректировки, оставлял пометки и пояснения. Имеет большой практический опыт, макеты логичны и может обосновать все графические решения. Алексей всегда готов прислушаться к мнению своих коллег и ценит их труд и рабочее время. А также готов оказать моральную поддержку, поделиться своим опытом, интересной историей или удачной шуткой.
Юрий Райс
Основатель и генеральный директор Агентства Лагуна, Анапа
Работаем с Алексеем с момента основания нашего агентства. Наш логотип, наша первая печатная реклама в СМИ, наш веб-сайт уже во второй своей версии — придумано и создано им. Мы многое вместе придумывали и так же о многом спорили. Но если нам нужны по-настоящему креативные идеи и с любовью и тщанием реализованный результат — мы обращаемся к Алексею.
KnowledgeCity проект
Мой блог
Обо мне
Фотографика
Векторные Иллюстрации
Семиотический Дизайн
UX / UI
НАВИГАЦИЯ
ПО САЙТУ
Made on
Tilda