Level Up
Первоначально это был набор отдельных материалов, но по мере работы над портфолио я пришёл к идее собрать все его ключевые версии, дополнить их и оформить как отдельный раздел. На этой странице я решил описать свой опыт, отталкиваясь от ключевых, опубликованных ранее версий и связав их с тем, что я делал, в каких областях дизайна и индустриях работал и как повышал свой уровень.
<!-- Создание клановой символики, дизайн тотемов, шаманизм, программизм, наскальный листинг, кроссбраузерное гадание, танцы с бубном, изгнание злых духов из кода, охота на багентов, словоблудие, понимание основ природы, интернета и мироздания. -->
Интро
«Альтер-резюме»
По сути, это альтернатива резюме — версия, заточенная на визуал и свободное повествование в большей степени, а не на сухое перечисление обязанностей и достижений. Это не просто выкладка «интересных» картинок, а разбор своих работ, осмысление накопленного опыта и подведение промежуточных итогов. Это сопоставление приобретённых знаний с текущим положением в профессии для определения дальнейшего вектора развития и выявления пробелов, которые предстоит заполнить.
Этот текст адресован, в первую очередь, коллегам по цеху — тем, кто работает рука об руку с дизайнерами, и всем, кому может быть интересен мой профессиональный путь под другим «соусом». Это не резюме в классическом виде и не даёт готовых ответов, а лишь кратко описывает некоторые ключевые моменты.
- Фундамент и творчество:
Учеба и формирование базовых навыков. Заложена основа — внутренняя потребность воплощать идеи в визуальной форме.
Приоритет — творчество, обучение. - Дизайн и материальность:
Работа в рекламных агентствах. Сильное погружение в полиграфию и производство — от концепции до печати. Приобретён разнообразный бэкграунд в работе с клиентами и материалами.
Приоритет — визуал, технологии, обучение. - Переход в цифру:
Осознанный уход в веб. Самостоятельное освоение HTML, CSS, JS, PHP. Сдвиг от разовых заказов к долгосрочной поддержке внутренних проектов.
Приоритет — визуал и техническая реализация. - Мультидисциплинарность и управление:
Расширение роли: полный цикл веб-проектов, бренд-дизайн, работа с подрядчиками. Переход от задачи к проекту, от исполнения к управлению.
Приоритет — управление, администрирование, масштабируемые концепции. - E-commerce:
Работа над крупными цифровыми продуктами: разработка, редизайн и поддержка интернет-магазинов (B2B/B2C). Адаптация для мобильных устройств, активная работа с маркетингом.
Приоритет — масштабируемые решения, разработка и дизайн-контроль, SMM. - Системность и корпоративный дизайн:
Работа с большими массивами информации: полиграфия, презентации, многостраничная вёрстка. Шаблонизация и поддержание единого визуального языка для корпоративных коммуникаций.
Приоритет — системный дизайн, презентации, взаимодействие с PR. - Продуктовый дизайн и дизайн-системы:
Фокус на UX/UI. Разработка и поддержка дизайн-систем для сложных продуктов (Saas). Работа в связке с разработчиками, командой дизайнеров и продукт-командой.
Приоритет — UI/UX, дизайн-системы, организация процессов.
2000
Фантастика, «Тайная власть» и карандаш с бумагой
Началось примерно всё в 1996 году. В какой-то момент под руку подвернулся карандаш с бумагой и понеслось. Почти все интересные картинки, которые нравились, тщательно переносились на бумагу, в основном это были иллюстрации из фантастики и журналов. «Тайная власть» — это такая газета, посвящённая мистике, колдунству и прочей эзотерике (мама покупала). На главной странице этой газеты были фэнтезийные картинки, благодаря которым наверно я и решил, что хочу «рисовать».
В 1999 г. пришёл в художественную школу и попросил научить меня «рисовать красками». Меня тогда не взяли конечно, но один из преподавателей по живописи так и быть, согласился давать мне уроки. И в течение года, один раз в неделю, после работы я топал на занятия, писал натюрморты, изучал основы композиции и проникался атмосферой творчества. К моменту поступления в художественное училище у меня сформировалось первое портфолио в основном из срисовок, набросков и немного акварельных натюрмортов.
Смотреть — 10
К моменту создания этого первого «портфолио» я работал сначала в строительной бригаде (лето 1996), затем упаковщиком (с начала 1999) на заводе. Хотя это не было связано с творчеством, эта работа дала мне понимание о работе в коллективе — это мой первый опыт работы в большой организации, где есть свои регламенты, правила — гласные и негласные, распорядок, режим и прочее. Простое и повседневное общение с людьми в рабочих и личных делах научило меня работе в команде — здесь и сейчас.
2004
Художественное училище и Пр. Гр.
В то время я хотел поступить на мультипликатора или на живопись. Посмотрев пачку моих работ, куратор определил меня в Пр. Гр. (Промышленная Графика). Я тогда очень сильно расстроился, подумал, что ещё в течение года подтяну свои навыки и попробую в следующем году, но пообщавшись с некоторыми ребятами, которые рассказали, что и после семи лет художки не могут поступить, да ещё и не первый год, согласился на Пр. Гр.
Дипломный проект был настоящим испытанием: пять планшетов, каждый из которых нужно было заполнить вручную. Однако со временем преподаватели осознали, что такой подход уже устарел, и нам, одним из первых, позволили использовать материал, созданный на компьютере. Так родилось моё второе портфолио: огромный рулон ватманов с работами, маленький диск с дипломным проектом, аккуратно упакованный в специально разработанный для этого конвертик, и новенький диплом Графического Дизайнера.
Смотреть — 12
Этот этап стал ключевым для формирования фундамента дизайнерского мышления. Живопись и рисунок, анатомия, пленэры... Самый основной предмет композиция — разработка шрифтов, иллюстрации, стилизация — стали основой профессии. Я не только доучился до конца, но и решил связать свой путь с дизайном. Примерно через две недели после защиты диплома я уже официально устроился работать графическим дизайнером.
12.07.2004 начинается мой профессиональный путь.
2007
«Компьютерное творчество» и журнал «Хакер»
Личный компьютер у меня появился только в середине четвёртого курса, поэтому на первой работе я испытывал серьёзные переживания из-за недостатка знаний в графических редакторах и общей компьютерной грамотности. Оставалось одно — учиться! После рабочего дня я проводил вечера за самообразованием, разбираясь в программах, эффектах и фильтрах. Так появились первые самостоятельные работы, которые я назвал «Компьютерное творчество» (одна из них потом легла в основу первого интерфейса).
В какой-то момент понял, что этого мне мало и ручки всё время тянулись в сторону Flash, HTML и программирования.
Диск из журнала «Хакер» вдохновил меня на создание портфолио, которое было бы не просто набором папок с работами, а полноценным диском с автозагрузкой, интерактивным интерфейсом и своим уникальным дизайном. Найдены и переработаны иконки, сделаны фоны для папок. Разработан скин для автозагрузки и сам FLASH с галереей работ и воспроизведение аудио.
В итоге появился первый интерфейс. Протестировав его на родителях и друзьях, внимательно отслеживая их реакцию, я добавил раздел «хелп» с моими первыми HTML-страницами, в которых были детально расписаны элементы интерфейса с их функциями (ну чем не UI/UX-тестирование и написание документации). Все результаты этой работы можно посмотреть на видео ниже.
Скриншоты интерфейса — 7
К моменту создания этой версии я работал графическим дизайнером в рекламной группе «Лотрек» (Екатеринбург). первая работа. Уверенно чувствовал себя в полиграфии — от работы по ТЗ до разработки собственных концепций и вёрстки многостраничных изданий. Успешно применял навыки, полученные в училище: например, в разработке и стилизации принтов для одежды.
Эта работа была не только творческой, но и технической: отрисовка и адаптация логотипов для разных технологий нанесения (в какой-то момент я даже начал понимать, по какому принципу создан логотип и в какой программе), допечатная подготовка. Лично занимался подготовкой макетов для мастерской, а затем выполнял часть работы — тиснение, тампопечать, наклейку плёнки, подготовку баннеров. Это дало мне практическое понимание того, как дизайн воплощается «в материале». Здесь же я получил первый опыт самостоятельного ведения небольших проектов: от получения задачи от клиента или руководителя до общения с заказчиком и финального согласования (естественно под присмотром шеф-дизайнера).
Вообще, это было насыщенное и немного сумбурное время — переход от студента к практикующему специалисту. Тесное общение с друзьями по училищу, обмен опытом, участие в арт-проектах, внутренняя борьба между художником и дизайнером. Много экспериментов и попыток внедрить художественное начало в дизайн, активное освоение компьютера и интернета.
2010
Выход в интернет…
В основу сайта легла доработанная версия предыдущего портфолио. Интерфейс Flash получил адаптивность и оброс деталями: появились смена цвета панелей, реальный эквалайзер для проигрывателя, гостевая книга, отправка сообщений, статистика по просмотру разделов и подгрузка проектов через XML-файл. Основной упор делался на Flash, а HTML-версия существовала номинально и постоянно переделывалась (в текущей версии сайта она одна из первых).
Скриншоты интерфейса — 17
В 2008 году я переехал в Москву и устроился графическим дизайнером в рекламное агентство. Через некоторое время вырос до позиции арт-директора. К тому моменту я уже работал самостоятельно, без привлечения руководителя на этапе постановки и решения задач. Работа в «РА «Белый слон» стала первым опытом полной ответственности за проект: от сбора брифа и разработки концепции до общения с заказчиком, контроля производства и финальной сдачи. Это дало практические знания в менеджменте проектов и комплексном подходе к дизайну.
После роли арт-директора я решил осознанно сменить направление и перейти в веб-дизайн. Мне удалось устроиться веб-мастером в компанию «Майер Джей Групп», в подразделение маркетинга (хотя формально я был в маркетинге, большую часть времени проводил с дизайнерами выставочных стендов, и это тоже дало новые знания). Этот переход позволил погрузиться в веб-разработку: я изучал JS, PHP, HTML, CSS. На компьютере стояла сборка локального сервера для разработки и экспериментов.
Благодаря опыту с предыдущим портфолио я мог предлагать нестандартные решения — создавал Flash-презентации и анимированные заставки для сайтов и автозагрузочные диски как для компании, так и для внешних клиентов, обновлял дизайн текущих сайтов. Например, для сайта выставки HouseHould Expo я не только разработал новую визуальную концепцию, но и самостоятельно создал и внедрил на Flash модуль интерактивной рассадки зала, а также перевёл сайт на систему управления. Этот период помог развить технические навыки и лучше понять логику и процесс разработки цифровых продуктов.
2014
Привет админка, прощай Flash
В предыдущей версии меня не устраивало то, что постоянно нужно добавлять работы вручную, причём по отдельности для Flash и HTML версий. Было принято решение пересадить сайт на админку. Выбор пал на Joomla. Разработан основной концепт с возможностью менять цвет фона и панелей. Упразднены некоторые разделы, незначительно переработана навигация. Под это всё дело разработаны свои собственные компоненты и шаблоны. Изначально планировалось, что будет версия с Flash, но к моменту окончания разработки он «приказал долго жить».
Скриншоты интерфейса — 11
До выхода этой версии я несколько лет проработал мультидисциплинарным дизайнером в компании ООО «ЛТС», Fashion-индустрия и фастфуд (да, сочетание странное). Помимо полного цикла ведения веб-проектов (от разработки концепции, логики, дизайна и вёрстки до администрирования), я занимался разработкой упаковки, бренд-дизайном, полиграфией и видео.
Этот опыт научил меня эффективно взаимодействовать с подрядчиками и типографиями: я выезжал на приладки, согласовывал технические детали. Навыки работы с видео позже помогли мне в создании собственного YouTube-канала. Этот период стал временем максимального применения всех ранее полученных навыков — от графики до основ программирования — и отточил мою способность самостоятельно управлять разнородными задачами и выстраивать партнёрские отношения с внешними исполнителями.
2022
Глобальная переработка
Предыдущая версия портфолио просуществовала рекордно долго без изменений. Однако расцвет мобильных технологий и новый профессиональный опыт привели к полному пересмотру концепции. К сожалению, к этому моменту я немного выпал из веб, а за это время произошли кардинальные перемены и смена подхода к разработке. Пришлось пересмотреть кучу нового материала, попробовать новый софт (XD, FIGMA), пошарить UX, проанализировать сайты топовых веб-студий и их работы (а вдруг пару механик можно позаимствовать).
В результате появилась куча версий (в разных программах) с желанием перетащить старую механику и добавить что-то новое. После пересмотра и отсева была выбрана основная концепция и доработана в Figma (с этого момента один из основных инструментов), там же разработаны первые прототипы и компоненты. При разработке полный переход от Dreamweaver к Visual Studio Code. На видео ниже механика версии 2022 года с анимацией, AJAX и бесшовной загрузкой страниц.
Скриншоты интерфейса — 16
К моменту выхода этой версии я успешно проработал ведущим веб-дизайнером в e-commerce (ООО «СБС»). Моим основным направлением была разработка дизайн-решений для крупных интернет-магазинов (B2B/B2C). Работая в маркетинговом отделе, активно участвовал в создании рекламных кампаний — как на этапе генерации идей, так и в качестве дизайн-исполнителя. Большое внимание уделялось SMM, разработке визуала для контента и сторонних веб ресурсов (очень большое количество баннеров, и различных картинок для постов).
За время работы я провёл редизайн ключевых сайтов компании, постоянно работал над дизайн-решениями для нового функционала. По сути, я работал на поддержке и развитии. Из ключевых работ можно отметить сайт «Леонардо» и торговый терминал.
Следующие три года, работая графическим дизайнером в ГК «Эталон» (крупный застройщик), занимался в основном полиграфией, многостраничной вёрсткой, презентациями и наружной рекламой, подготовкой и адаптацией материала к разным форматам для веба и печати.
На этой позиции самостоятельно вёл проекты от получения задачи от руководителя отдела (на основе запросов от внутренних заказчиков: отделов продаж, маркетинга, PR) до финальной реализации. Это включало тесное взаимодействие с бренд-менеджерами и другими отделами. В основном было много технической работы и мало креатива, так как идейная разработка в основном проводилась на стороне подрядчика, но и тут можно совершенствоваться изучая процессы автоматизации и систематизации, и совершенствовать подход с позиции технического дизайна.
2025
Смена подхода к контенту
В текущей версии я отказался от переизбытка работ, объединил значимые проекты в один раздел, переработал интерфейс, упростил подачу и сделал упор на информативность. Убрал излишки декоративной анимации (фокус смещен на юзабилити), сосредоточился на оптимизации контента, скорости загрузки и навигации. Написание текстов и переработка контента стало ключевым фактором для этой версии.
Концепт получился строгим, прямолинейным, но полностью соответствующим принципу «прямой подачи» и быстрого доступа к основным материалам.
<!-- тут по логике должна быть картинка, но автор пока её не придумал ;-) -->
К выходу последней версии работал в должности UI/UX-дизайнера в продуктовой IT-компании «Investorlift» (SaaS-сервис для сделок с недвижимостью). Занимался доработкой интерфейса, разработкой UI для новых фич, постоянно решая UX-задачки на созвонах с командой, прототипированием и подготовкой макетов для разработчиков.
Ключевой частью работы стало участие в создании первых версий двух дизайн-систем в Figma (изначально я перенёс весь дизайн в Figma, в виде шаблонов, отдельных компонентов и стилей). Идеи и примеры собирались из разных источников, поэтому по началу дизайн-система напоминала «Франкенштейна», но со временем стала структурированной и самодостаточной.
По мере роста команды дизайнеров до четырёх человек, основной фокус моей работы сместился на поддержку и развитие дизайн-систем. Чтобы повысить ясность в совместной работе, предложил и внедрил новый подход к неймингу и систематизации файлов, создав в Figma структуру, которая логично отражает архитектуру сайта.
Вместо заключения...
Пройдя путь от карандашных набросков до реализации интерфейсов, я успел побыть в разных ролях: «Художником», Техническим дизайнером, Графическим дизайнером, Веб-мастером, Верстальщиком, Администратором сайтов, Веб-дизайнером, UI/UX-дизайнером. Работал в рекламных агенствах, выставочной индустрии, fashion, e-commerce (B2B/B2C), строительном бизнесе и IT-продуктах (SaaS). Занимался как технической работой, так и креативом.
Приобрёл широкий спектр навыков: от академического рисунка до основ программирования (HTML, CSS, JS, PHP) и анимации, от полиграфии и веб-дизайна до создания дизайн-систем и UX-прототипирования. Научился самостоятельно вести проекты от идеи до реализации, взаимодействовать с заказчиками, подрядчиками и кросс-функциональными командами. Каждый этап добавлял новый опыт и скилы, формируя из меня универсального специалиста, способного решать разноплановые задачи на стыке творчества и технологий.
Подытожив можно отметить, что это всего лишь определённый период и это не значит, что я перестал совершенствоваться и обучаться. С 2023 г. поступил на заочное обучение в МЭИ на факультет «Реклама, связь с общественностью и лингвистики: Дизайн в рекламе». Летом 2025 г. Прошёл курс «UX-исследования для дизайнеров». Помимо основной работы также иногда делаю маленькие творческие проекты, чтоб попробовать что-то новое или поэкспериментировать. Один из последних масштабная разработка Бренд-системы фотовыставочного комплекса.
Портфолио
Разнообразные проекты, охватывающие различные аспекты дизайна — от полиграфии и брендинга до разработки веб-интерфейсов, прототипирования и кодинга.
