Дмитрий Шкаев

Дизайн

Эксперименты

Пространство для дизайн-артефактов, исследований и реализации визуальных идей.

Обложка для карточки «Цветовые комбо» с двумя цветовыми панелями и инвертированным кругом по центру.

Цветовые комбо

Десять приятных пар цветов и режим бесконечности для вдохновения. Лучше всего смотреть на полном экране.

Собака в пиксельных очках deal with it.

Deal with it

Пиксельные очки на аватарку в пару кликов. Есть специальный режим 80×80 для Slack-эмоджи.

Проекты

Несколько интересных продуктовых кейсов, над которыми я работал в разные годы. Тексты написал в 2023 году: сначала только на английском, а на русский перевёл в 2026 при поддержке ИИ.

Превью кейса Avast Online Security & Privacy

Avast Online Security & Privacy

Большой редизайн флагманского браузерного расширения с аудиторией более 10 миллионов пользователей.

Превью кейса Cookie Manager

Cookie Manager

Проектирование, запуск и интеграция новой функциональности в Avast Online Security & Privacy.

Превью кейса TrackOFF

TrackOFF

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

История изменений

Этот файл показывает значимые продакшен-обновления shkaev.me в русской локали сайта.

2026-06-14

Привёл в порядок «Deal with it» и тёмную тему на мобиле

Исправлено

Инструмент «Deal with it» теперь плавно работает на телефонах — на тач-устройствах заморозил тяжёлые декоративные анимации, а редактор не тормозит при перетаскивании очков и движении слайдеров.
Переделал мобильный редактор инструмента: верхние контролы больше не наезжают друг на друга, а кнопка «Create GIF» помещается на экране.
Подчистил цвета тёмной темы — навигационные кнопки в фотоальбомах больше не выглядели белыми.

Улучшено

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

2026-06-13

Провёл полный аудит сайта с помощью Fable

Улучшено

Отполировал анимации по всему сайту: просмотрщик фото теперь плавно появляется, кнопки откликаются на нажатие, а декоративное движение отключается для тех, кто просит систему уменьшить анимацию.
Фотостраницы теперь быстрее начинают загружать снимки и несут меньше встроенного кода.
Попутно подтянул SEO-базу — sitemap, robots.txt, структурированные данные и уникальные описания фотосерий.

Инфраструктура

Обновил Astro и Tailwind до свежих версий — в стеке не осталось ни одной известной уязвимости.
Собрал типографику и размеры сетки в единый набор дизайн-токенов вместо магических чисел, разбросанных по страницам.

2026-06-07

Новые фотографии и небольшие исправления

Исправлено

Восстановил сохранение позиции скролла на страницах «Дизайн» и «Фото» при возврате из статей и фотоальбомов.
Упростил запись от 26 апреля про новые фотографии в обеих локалях.

Добавлено

В фотоархиве появились серии «Рождение Афродиты», «Водопад Каледония», «Лимассол, части 21 и 22», «Пафос, часть 6» и «Агрос».

2026-04-26

Новые фотографии

Добавлено

Омодос и Лефкара, часть 2.

2026-04-25

Сделал «Deal with it» удобнее

Добавлено

Добавил больше способов начать GIF в «Deal with it»: теперь можно загрузить WebP, вставить картинку из буфера или перетащить файл в инструмент на десктопе.

Улучшено

Сделал подсказку под загрузкой понятнее и добавил иконку Slack к режиму эмоджи, чтобы его было легче узнать.
Поднял playground-эксперименты выше на странице «Дизайн», чтобы небольшие интерактивные инструменты было проще найти.

2026-04-14

Запустил playground-инструмент «Deal with it»

Добавлено

Добавил в раздел «Дизайн» новый playground-инструмент «Deal with it» с локализованными маршрутами, обновлённой карточкой и полноценным трёхшаговым сценарием для создания скачиваемых гифок 128×128 под эмоджи в Slack.

2026-04-11

Добавил раздел «Эксперименты» и запустил «Цветовые комбо»

Добавлено

Добавил на страницу «Дизайн» новый раздел «Эксперименты» для небольших дизайн-артефактов и визуальных исследований.
Запустил «Цветовые комбо» как первый материал в разделе «Эксперименты» и связал его с локализованными маршрутами и карточками.

2026-04-10

Запустил русскую версию сайта и довёл до ума переведённое дизайн-портфолио

Добавлено

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

Улучшено

Переписал страницу About, панель истории изменений и переведённые кейсы AOSP, Cookie Manager и TrackOFF так, чтобы тексты звучали по-русски естественно и последовательно.
Доработал общий ритм страниц, ширину чтения и метаданные карточек кейсов, чтобы Design, About и русская версия портфолио ощущались более цельно в обеих локалях.

Инфраструктура

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

2026-04-04

Исправил оставшиеся регрессии и продолжил волну рефакторинга v2

Исправлено

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

Улучшено

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

Инфраструктура

Подчистил follow-up dead code и дублирующиеся текстовые обёртки в новых срезах общей контентной системы, а также точнее настроил семантику и API body-вариантов в общих компонентах.

2026-04-02

Провёл большой рефакторинг

Исправлено

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

Добавлено

Добавил расширенные метаданные для аккуратных превью при шаринге.

Улучшено

Пересобрал общую оболочку сайта в отдельные layout-компоненты и вынес клиентское поведение в более сфокусированные модули.
Ввёл переиспользуемые типографические и секционные примитивы для кейсов и верхнеуровневых страниц.
Заменил предыдущий шрифт на self-hosted IBM Plex Serif для крупных заголовков и акцентной типографики.

Инфраструктура

Централизовал общий конфиг сайта, path helper’ы, theme utilities и прочий дублировавшийся вспомогательный код.
Упростил инфраструктурный слой: подчистил R2 sync script и ослабил неиспользуемые требования content schema.

2026-04-01

Доработал дизайн-кейсы и отполировал страницу About

Улучшено

Доработал кейсы TrackOFF, Cookie Manager и Avast Online Security & Privacy: усилил ритм секций, прояснил иерархию контента и добавил более содержательные связи между проектами.
Пересобрал ключевые сюжетные секции AOSP и Cookie Manager в более визуальные лейауты с командными снимками, goal-карточками, сайдбарами и result-модулями, а у TrackOFF освежил продуктовый, партнёрский и промо-контент.
Отполировал страницу About: подтянул интервалы между абзацами, сделал поток секций чище и усилил интерактивную подачу featured recommendation.

Инфраструктура

Добавил отдельный static asset resolver для оставшихся нефотографических медиа и синхронизировал соответствующие директории с ассетами в Cloudflare R2.

2026-03-29

Опубликовал новые фотографии и поправил рекомендации

Добавлено

Добавил новую волну архивных фотосерий за период с сентября 2025 по январь 2026.

Улучшено

Подправил хронологию фотоархива.
Обновил порядок рекомендаций на странице About, а также интервалы и ритм секций.

Инфраструктура

Перевёл локальные photo imports на схему, в которой внутри проекта остаются только производные web-ассеты и манифесты, а внешние папки считаются источником истины для оригиналов.

2026-03-28

Добавил фильтры в фотогалерею и полностью переработал рекомендации

Добавлено

Добавил live search и фильтры по стране и году в фотоархив.
Добавил featured recommendation carousel на About с анимированной навигацией и иконками компаний.
Реализовал архивные контролы, empty states и year dividers для светлой и тёмной тем.

Улучшено

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

2026-03-27

Расширил фотоархив и доработал ключевые секции сайта

Добавлено

Добавил следующую волну кипрских фотосерий за период с апреля по сентябрь 2025.

Улучшено

Вернул пропавший пост за июль 2025 из ошибочно размеченного legacy-источника обратно в хронологию архива.
Подчистил несколько архивных карточек и границы постов, чтобы новые записи легли в архив аккуратнее.
Восстановил отсутствующие производные ассеты для сентября 2025, так что самая свежая архивная запись снова корректно грузит cover и gallery images в продакшене.
Улучшил общую навигацию: активные состояния стали надёжнее, keyboard shortcuts безопаснее, мобильное выравнивание хедера аккуратнее, а back links теперь стабильно возвращают в корневые разделы.
Доработал дизайн- и фоторазделы: сделал карточки кейсов чище, мобильную навигацию между сериями лучше, gallery previews без JavaScript понятнее, а поведение фото-сетки стабильнее.
Пересобрал About с более сильным вступительным заголовком, обновлённым описанием карьерного пути, раскрывающимся work timeline и более аккуратными мобильными интервалами в карточках таймлайна.

Инфраструктура

Подтянул правила release workflow так, чтобы работа одного дня и изменения из разных тредов собирались в одну общую changelog entry перед пушем.

2026-03-26

Расширил и улучшил фотоархив

Добавлено

Добавил новые архивные записи на кипрскую временную линию фотоархива с конца 2023 до марта 2025.

Улучшено

Улучшил карточки фотоархива, добавив optional custom card covers для сложных кропов.
Исправил custom card covers, чтобы архивные кропы корректно загружались с R2 photo domain.
Улучшил связность архива, навигацию и поведение галереи во всём фоторазделе.

Инфраструктура

Добавил в content model поддержку custom archive card cover assets рядом со стандартными сгенерированными обложками.
Обновил project workflow notes: теперь при длинных photo imports обязателен live progress report, а consecutive commits внутри одного shipped release должны жить в одной верхней changelog entry.

2026-03-25

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

Добавлено

Добавил кнопку changelog в header рядом с переключателем темы.
Добавил правую выдвижную панель истории изменений с keyboard shortcuts, blur overlay и inline-рендером changelog.md.
Добавил project rules, которые обязали обновлять changelog.md в том же changeset при любом будущем коммите.

Улучшено

Переформатировал changelog в date-based формат с более чистыми заголовками, понятными label’ами и более простым copy в прошедшем времени.
Подстроил ширину панели, интервалы, типографику, цвета label’ов, стилизацию checkmark, положение tooltip’ов и анимацию открытия/закрытия.
Исправил focus behavior, чтобы keyboard shortcuts для changelog и theme toggle больше не оставляли лишние focus rings.

2026-03-24

Запустил фотоархив и перевёл его на хранение через R2

Добавлено

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

Улучшено

Улучшил фотографические страницы: scroll restore стал лучше, keyboard и touch lightbox — стабильнее, загрузка изображений — плавнее.
Поджал мобильные интервалы и типографику на home, about, design и photography.
Почистил мобильную оболочку сайта, чтобы avatar wordmark, nav, footer и theme toggle лучше помещались на маленьких экранах.
Пересобрал страницы фотосерий на телефонах: горизонтальный carousel, paired landscape shots и более надёжные mobile layout rules.
Доработал общую оболочку сайта и layout главной страницы вокруг avatar wordmark, интервалов и footer social links.

Инфраструктура

Импортировал десятки фотосерий в Astro content collections со структурированными JSON-метаданными.
Добавил поддержку PUBLIC_PHOTO_BASE_URL, чтобы фотоассеты могли грузиться из Cloudflare R2 вместо репозитория.
Добавил R2 sync scripts, примеры env и setup docs для выноса public/photo-imports из git.
Добавил несколько небольших performance-улучшений, включая preloading аватара и более чистую настройку темы в общем layout.

2026-03-22

Добавил полные дизайн-кейсы и обновил общий layout сайта

Добавлено

Добавил постоянную тёмную тему с поддержкой local storage и keyboard shortcut.
Добавил визуальные превью на landing page раздела Design вместо простых текстовых ссылок.
Добавил полные кейсы для Avast Online Security & Privacy, Cookie Manager и TrackOFF.
Добавил Telegram в site chrome и связал с ним контактную секцию.
Добавил брендовые favicon’ы в work timeline, чтобы компании считывались быстрее.

Улучшено

Пересобрал общий site chrome: tighter nav layout, avatar label, отдельный theme toggle и footer social tooltips.
Распространил обновлённую тему на homepage, about page, design pages, photography page и шаблоны кейсов.
Превратил раздел Design в browseable portfolio с отдельными страницами проектов.
Переписал интро на About так, чтобы оно лучше объясняло продуктовый дизайн-бэкграунд и текущую работу.
Отполировал work timeline: cleaner markers, stronger links и tighter copy.
Сократил первый экран страницы, показав только часть recommendations list и убрав остальное за reveal action.
Почистил тексты на About и рекомендации для первой публичной версии.

Инфраструктура

Импортировал supporting images для design case studies и связал их с основным design page.
Перенёс portrait assets в /avatars и заменил стартовый набор favicon’ов на проектные файлы из нового layout.

2026-03-21

Запустил первый многостраничный layout сайта и страницу About

Добавлено

Заменил заглушку фронт-страницы на новое светлое визуальное направление и общий layout сайта.
Запустил страницу About с карьерным таймлайном, блоками рекомендаций и портретными ассетами.
Добавил верхнеуровневые страницы Design и Photography.

Улучшено

Расширил глобальные стили так, чтобы проект работал как многостраничное портфолио, а не как один placeholder-экран.