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

<!-- Создание клановой символики, дизайн тотемов, шаманизм, программизм, наскальный листинг, кроссбраузерное гадание, танцы с бубном, изгнание злых духов из кода, охота на багентов, словоблудие, понимание основ природы, интернета и мироздания. -->

Интро

«Альтер-резюме»

В первую очередь этот текст адресован коллегам по цеху, и тем, кто работает рука об руку с дизайнерами, и всем тем, кому может быть интересен мой творческий путь под другим «соусом». По сути, это альтернатива резюме — заточенная на свободное повествование и немного визуала, которая кратко описывает некоторые ключевые моменты моего «пути дизайнера».

2000

Фантастика, «Тайная власть» и карандаш с бумагой

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

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

2004

Художественное училище и Пр. Гр.

В то время я хотел поступить на мультипликатора или на живопись. Посмотрев пачку моих работ, куратор определил меня в Пр. Гр. (Промышленная Графика). Я тогда очень сильно расстроился, подумал, что ещё в течение года подтяну свои навыки и попробую в следующем году, но пообщавшись с некоторыми ребятами, которые рассказали, что и после семи лет художки не могут поступить, да ещё и не первый год, согласился на Пр. Гр.

Дипломный проект был настоящим испытанием: пять планшетов, каждый из которых нужно было заполнить вручную. Однако со временем преподаватели осознали, что такой подход уже устарел, и нам, одним из первых, позволили использовать материал, созданный на компьютере. Так родилось моё второе портфолио: огромный рулон ватманов с работами, маленький диск с дипломным проектом, аккуратно упакованный в специально разработанный для этого конвертик, и новенький диплом Графического Дизайнера.

2007

«Компьютерное творчество» и журнал «Хакер»

Личный компьютер у меня появился только в середине четвёртого курса, поэтому на первой работе я испытывал серьёзные переживания из-за недостатка знаний в графических редакторах и общей компьютерной грамотности. Оставалось одно — учиться! Вечера (ночи) я проводил за самообразованием, разбираясь в программах, эффектах и фильтрах. Так появились первые самостоятельные работы, которые я назвал «Компьютерное творчество» (одна из них потом легла в основу первого интерфейса).

<!-- В какой-то момент понял, что этого мне мало и ручки всё время тянулись в сторону Flash и HTML. -->

Диск из журнала «Хакер» вдохновил меня на создание портфолио, которое было бы не просто набором папок с работами, а полноценным диском с автозагрузкой, интерактивным интерфейсом и своим уникальным дизайном. Найдены и переработаны иконки, сделаны фоны для папок. Разработан скин для автозагрузки и сам FLASH с галереей работ и воспроизведение аудио.

В итоге появился первый интерфейс. Протестировав его на родителях и друзьях, внимательно отслеживая их реакцию, я добавил раздел «хелп» с моими первыми HTML-страницами, в которых были детально расписаны элементы интерфейса с их функциями (ну чем не тестирование интерфейса и написание документации). Все результаты этой работы можно посмотреть на видео ниже.

2010

Выход в интернет…

В основу сайта легла доработанная версия предыдущего портфолио. Интерфейс Flash получил адаптивность и оброс деталями: появились смена цвета панелей, реальный эквалайзер для проигрывателя, гостевая книга, отправка сообщений, статистика по просмотру разделов и подгрузка проектов через XML-файл. Основной упор делался на Flash, а HTML-версия существовала номинально и постоянно переделывалась (в текущей версии сайта она одна из первых).

2014

Привет админка, прощай Flash

В предыдущей версии меня не устраивало то, что постоянно нужно добавлять работы вручную, причём по отдельности для Flash и HTML версий. Было принято решение пересадить сайт на админку. Выбор пал на Joomla. Разработан основной концепт с возможностью менять цвет фона и панелей. Упразднены некоторые разделы, незначительно переработана навигация. Под это всё дело разработаны свои собственные компоненты и шаблоны. Изначально планировалось, что будет версия с Flash, но к моменту окончания разработки он «приказал долго жить».

2022

Глобальная переработка

Предыдущая версия портфолио просуществовала рекордно долго без изменений. Однако расцвет мобильных технологий и новый профессиональный опыт привели к полному пересмотру концепции. К сожалению, к этому моменту я немного выпал из веб, а за это время произошли кардинальные перемены и смена подхода к разработке. Пришлось пересмотреть кучу нового материала, попробовать новый софт (XD, FIGMA), пошарить UX, проанализировать сайты топовых веб-студий и их работы (а вдруг пару механик можно позаимствовать).

В результате появилась куча версий (в разных программах) с желанием перетащить старую механику и добавить что-то новое. После пересмотра и отсева была выбрана основная концепция и доработана в Figma (с этого момента один из основных инструментов), там же разработаны первые прототипы и компоненты. При разработке полный переход от Dreamweaver к Visual Studio Code. На видео ниже механика версии 2022 года с анимацией, AJAX и бесшовной загрузкой страниц.

2025

Смена подхода к контенту

В текущей версии я отказался от переизбытка работ, объединил значимые проекты в один раздел, переработал интерфейс, упростил подачу и сделал упор на информативность. Убрал излишки декоративной анимации (фокус смещен на юзабилити), сосредоточился на оптимизации контента, скорости загрузки и навигации. Написание текстов и переработка контента стало ключевым фактором для этой версии.

Концепт получился строгим, прямолинейным, по принципу «прямой подачи» и быстрого доступа к основной информации.

<!-- тут по логике должна быть картинка, но автор пока её не придумал ;-) -->

Вместо заключения...

Пройдя путь от карандашных набросков до реализации интерфейсов, я успел побыть: «Художником», Техническим дизайнером, Графическим дизайнером, Веб-мастером, Верстальщиком, Администратором сайтов, Веб-дизайнером, UI/UX-дизайнером. Работал в рекламных агенствах, выставочной индустрии, fashion, e-commerce (B2B/B2C), строительном бизнесе и IT-продуктах (SaaS). Занимался как технической работой, так и креативом.

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

В 2023 г. поступил на заочное обучение в МЭИ на факультет «Реклама, связь с общественностью и лингвистики: Дизайн в рекламе». Летом 2025 г. Прошёл курс «UX-исследования для дизайнеров». Помимо основной работы также иногда делаю маленькие творческие проекты, чтоб попробовать что-то новое или поэкспериментировать. Один из последних масштабная разработка Бренд-системы фотовыставочного комплекса.